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

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

«    Eylül 2010    »
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
 

MyBB için css ile al... Blackinci Seri 4 MyB... Blackinci Seri 5 MyB... MyBB Admin Paneli Te...

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

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 (3)
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
  • MyBB Admin Paneli Teması Seri 2
  • sledgeab demiş ki 
  • Eline sağlık Davut Hocam,
  • MyBB Admin Paneli Teması Seri 2
  • bomfile demiş ki 
  • Teşekkürler Davut Hocam.
    Kullanacam bu temayı...
  • blackinci 1 (MD V3) MyBB 1.4 ve 1.2
  • blackinci demiş ki 
  • Kısa zamanda 1.6 güncellemesini yaparım
  • blackinci 1 (MD V3) MyBB 1.4 ve 1.2
  • demiş ki 
  • Arkadaşım. Tema hoş. Biz resim felan değiştirince güzel oluyor ama bir sorun var.
    1.6 versiyonu için de hazırlarmısınız ?
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Tekrar Çok Teşekkür Ediyorum... Başarılarının Devamı Dilerim Hayır Bayramlar...
  • Blackinci Seri 5 MyBB teması
  • blackinci demiş ki 
  • SystemTR,
    Enine Demişsiniz ama resimde okla boyu işaretlemişsiniz ben resimdeki işaretli için anlatım yapayım
    ilk önce css kısmında stil-genel.css dosyasını açın
    .logo-sol ve .logo-sol .logo-orta a kısmında bulunan
    background: url(blackinci-5/logo-bg.png) top left repeat-x;
    üstteki kodu alttaki kalın ile belirlediğim şekilde düzenle
    background: #7abcff url(blackinci-5/logo-bg.png) bottom left repeat-x;

    .logo-orta a{ kısmında bulunan width: 55px; height: 121px; kısmına logo büyüklüğene göre ayarla fakat uzunluk diğer logo sol ve logo sağ ile orantılı olsun şimdiki gibi
    css kısmı bukadar gelelim şablondaki yere
    Header şablonundan logo-sol ve logo-sağ logo-orta a kısmındaki height="84" 84 olan kısmı yapmak istediğiniz uzunluğa gere düzeltirsin bu kısım logo ile aynı orantıda olmasına dikkat et
    bundan sonra grafik olarak yeni logonuzun uzunluğunuda ayarlayınca istediğin görünümü elde etmiş olursun
    kolay gelsin
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Enine büyütmek istiyorum hocam bu resimdeki gibi "http://www.system-tr.com/123.jpg"
  • Blackinci Seri 5 MyBB teması
  • blackinci demiş ki 
  • ÖMER,
    Bilemiyorum bu soruyu MTR ye sormanız gerekir
    Ama kendi acımdan MTR ye bir kinim yok kızgınlığım yok küs veya dargın değilim sadece biraz kırgınım oda çok önceleri temamı kopyalayıp dağıtmışlardı ve birleşme veya barışma gibi birşeyler olmuştu siteler arası ozamanlar ozan arkadaşımız bunun MTR tarafından yapıldığını söylemişti sadece bukadar ama bunuda unuttum gitti.
    Belki hani çok eskiden MD de yönetici idim belki bundandır bilemiyorum ama benim MTR kurucularından yada yöneticilerinden böyle bir talebim olmadı kesinlikle
    sonuç olarak temalarımı yayınlayıp yayınlamamaları sorun değil onlarda MyBB için birşeyler yapıyor ve katıyorlar canları sağolsun benim açımdan sorun yok.

    SystemTR,
    Teşekkür ederim genişleyebilir ama enine mi yoksa boyuna mı ?
    genişletmek istiyorsunuz önce onu bilmem gerekir
  • Blackinci Seri 5 MyBB teması
  • demiş ki 
  • Merhaba,

    Öncelikle Tema İçin Teşekkür Ediyorum Gerçekten Çok Güzel.
    Bende Kullanmaktayım Ama Bir Sıkıntım Var. İznin Olursa Dile Getiricem Logonun Olduğu Kısmı Genişletebiliyor muyuz ?

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

Copyright © 2007 - 2010 DLE Blackinci Edition Seri 2