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


Give Me Everything

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

«    May 2012    »
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
 


blackinci.com da bir forum sayfası olsun mu?
Evet Olsun
Hayır Olmasın
Kararsızım
Fikrim yok

admin paneli, ajax, background, css, CSS3, dle, F1, form, forum, giris paneli, gölge, gölgeli yazı, highslide, iphone, md, mybb, mybbdestek, novaboard, oval, Seri 5, seri2, tasarim, tema, transform, vbulletin, Yarış, özellik

Eylül 2010 (4)
Ağustos 2010 (1)
Haziran 2010 (1)
Mart 2010 (4)
Şubat 2010 (2)
Ocak 2010 (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
  • Konu
  • Yazar
  • Yorum
  • CSS3 Kutu Elementlerine Gölge Verme Box ...
  • demiş ki 
  • çok sağol üstad çok güzel anlatım olmuş. :)
  • Blackinci Seri 5 MyBB teması
  • blackinci demiş ki 
  • tamer,
    Resim görebilirsem daha yardımcı olurum
  • Blackinci Seri 5 MyBB teması
  • tamer demiş ki 
  • hocam temanın çok başarılı fakat saol taraf boşlukda sosyal medya yazısı çıkıyor bunu nasıl kaldırabilirim
  • Css ile Aktif Menü Buton Yapımı
  • blackinci demiş ki 
  • Webmaster,
    Ben daha önce bir defa mybb için ücretli tema hazırladım ama hiç satmadan tekrar ücretsiz olarak dağıttım şuan için soruyorsanız mybb yi bıraktım... başka bir forum sistmei ile ilgileniyorum.
    Kendiniz bir fiyat biçmek adına bilgi edinmek için soruyorsanız bu yaptığınız grafiklere, yazdığınız kodlara ve harcadığınız emeğe göre değişir ama şuan için ücretli tema yapmanızı tavsye etmem zira mybb nin vbulletin gibi ücretli olacağı dedikoduları dolaşıyor eğer bu gerçekleşirse işte ozaman güzel olur ve ücretli temaların önü açılmış olur ozaman daha rahat ve güvenilir tema hazırlayıp satabilirsiniz iyi günler.
  • Css ile Aktif Menü Buton Yapımı
  • Webmaster demiş ki 
  • Merhabalar
    Blackinci MyBB temalarını ücretli olursa ne kadar ücrete hazırlıyorsunuz? Buradan belirtirseniz sevinirim
    İyi günler
  • Css ile Aktif Menü Buton Yapımı
  • blackinci demiş ki 
  • Kadir Kaya,
    Bedava forum sistemi sunun sitelerin sistemi nasıl işliyor bilemiyorum ama gözükmemesi normaldir bu tür siteler çok kısıtlı çalışırlar.
  • Css Balon Büyüyen Menü
  • demiş ki 
  • Facebook un tasarımı senin sitenin tasarımının yanında halt yemiş hatta dünyanın bütün siteleri halt yemiş smile
  • Css ile Aktif Menü Buton Yapımı
  • demiş ki 
  • Usta emeğine sağlık ama tr.gg sitelerinde ve jindo.com sitelerinde çalışmıyor hatta hiç gözükmüyor niye anlayamadım.
  • Blackinci vBulletin Teması Seri 1
  • demiş ki 
  • Saol Güzel :)

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

Copyright © 2007 - 2011 DLE Blackinci Edition Seri 2