Blackinci » CSS » Css ile Gölgeli Yazı Yapımı text-shadow

CSS Hayat İşte Genel Photoshop MyBB Temalar Özgür Yazım

«    Temmuz 2009    »
PtSaÇrPrCuCtPz
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Üye Giriş Paneli Tas... CSS3 Kutu Elementler... NovaBoard Tanıtım Te...

2. Versiyon Temasını Nasıl Buldunuz?
Mükemmel
Çok İyi
İyi
Eh İşte
Beğenmedim

admin paneli, ajax, css, dle, form, forum, giris paneli, gölge, gölgeli yazı, highslide, iphone, md, mybb, mybbdestek, novaboard, seri2, tasarim, tema, vbulletin, özellik

Mart 2010 (1)
Şubat 2010 (2)
Ocak 2010 (1)
Ekim 2009 (1)
Eylül 2009 (2)
Ağustos 2009 (1)

Css ile Gölgeli Yazı Yapımı text-shadow

Css ile Gölgeli Yazı Yapımı text-shadow

Css de en çok kullanmak isteyipte kullanamadığım bir özellikti taki firefox 3.5 gelene kadar belki sizde tahmin edebiliyorsunuz firefox 3.5 geçti ama neler değişti diye ilk baktığım şey css alanı oldu tabiki ve ilk denediğim şey ise gölge olayı oldu sonuç ise çok güzeldi ilk defa bukadar heycanlandım neredeyse :) sizde meraklandınızmı gölgeli yazı yapmak önceden tam bir eziyetti ister css olsun ister javascript olsun uzun uğraşlar sonunda bir sonuç alabiliyorduk ama şimdi sadece bir css kodu yazarak görmek istediğimiz en güzel gölgeyi elde edebiliriz.

Hemen bir örnek yapalım

text-shadow: 1px 1px 1px black;


üstteki kod sayesinde artık firefox 3.5 te text-shadow kodunu desteklediğini görüyoruz. örnek olarak tablo başlıklarına bakabilirsiniz yada alttaki bağlantıdan demosunu bakabilirsiniz tabiki firefox 3.5 ile
Gölgeli Yazı Demo

text-shadow kodunu istediğimiz her alanda kullanabiliriz link düz yazı ne olursa
temel olarak oranların ne işlevleri ise ilk verdiğimiz değer 1px gölgeyi sağ veya sola iter
ikinci verdiğimiz değer ise 1px üste veya alta iter son verdiğimiz değer ise golgenin kalınlığını belirler fakat fazla kalınlaştığı zaman aşır bir dağılma oluyor zaten gölgede öyle çok büyük bir kalınlaşma iyi olmaz bu güzellikten haberdar olmanızı istedim yeniliklerle görüşmek üzere.
9 Mart 2010 17:26 15Erdi demiş ki:
Teşekkürler çok işime yaradı wink

3 Şubat 2010 21:49 14DjaN demiş ki:
Süper..... feel

2 Aralık 2009 21:50 13Halı yıkama demiş ki:
Teşekkürler

26 Kasım 2009 19:50 12SoniQuake demiş ki:
google,

?? Ne demek bu? smile

30 Ekim 2009 18:20 11google demiş ki:
Evet ben bunu kullanıyorum. Tablo başlığı ve yazılarda . Nedense Firefox 3.0.11'in bu kodu desteklemediğini görüyoruz angry

3 Eylül 2009 02:57 10blackinci demiş ki:
10ur,
evet (3,5) yazsaymışım sanırım bu şekilde anlaşılmazdı en kısa zamanda düzeltirim aslında ben diğer tarayıcıların pek üstüne düşmüyorum yani FF kadar ilgilenmiyorum ama her yeni sürümlerini takip etmiyorum o yüzden opera css 3.0 da neleri destekliyor bilemiyorum yada diğer tarayıcılar bu yanlışlık ordan kaynaklanıyor... request

2 Eylül 2009 22:34 910ur demiş ki:
Aslında ben demoya dayanarak öyle demiştim.

" Bu yazıyı gölgeli olarak görüyorsanız firefox kullanıyorsunuz demektir "

Böyle dediği için öyle bir yorum yaptım.

2 Eylül 2009 20:16 8blackinci demiş ki:
10ur,
Arno,
Kim firefox özelliği dedi dikkatli okursanız firefox 3,5 in css alanında neler getirdiğine deyindim
bu firefox un özelliği demedim zaten

2 Eylül 2009 18:24 710ur demiş ki:
O Firefox deil CSS 3.0 özelliği. Mesela ben Opera 10 Kullanıyorum. CSS 3 Desteklediği için Gölgeli görüyorum ;).

9 Temmuz 2009 21:48 6Arno demiş ki:
Bu özellik firefox 3.5 ile değil css 3.0 ile geldi. firefox bu özelliği 3.5 sürümü ile desteklemeye başladı.

Mesela wordpress admin panelindeki tabloların yuvarlaklığı css 3.0 ın tek satırlık koduyla oluyor. Ama mevcut tarayıcılar desteklemediği için webkit ve mozilla motoru kullanan tarayıcılar için yukarıda arkadaşın verdiği kodlar gibi tarayıcıya özel kodlarla bu işlemi yapabiliyorsunuz.

Maalesef hala ie6 gibi tarayıcı kullanan internet kullanıcılarının sayısı önemli düzeyde olduğu için css 3.0 ın kolaylıklarını uygulamak için olması gerekenden çok daha uzun süre bekleyeceğiz html css kodlayıcıları olarak.

Bu arada davut abi demo gösterimler için konu içerisine alanlar koysan çok daha güzel olur. jquery.com daki gibi mesela.


Sessiz Kalma Sende Yorum Yap

Son Yapılan 10 Yorum

Yukarı İletişim RSS Takip İstatistikler Site İçeriği

Copyright © 2007 - 2010 DLE Blackinci Edition Seri 2