NDesign-Studio tasarımcısı Nick, WebDesignerWall adlı tasarım sitesinde CSS ile desenli ve gradient efektli yazıların nasıl oluşturulabileceğini anlatmış. Javascript veya Flash’a gerek duymadan sadece CSS tekniğini kullanarak “span” eki yardımıyla oluşturulabilen efektler, istenirse gelişitilebilir ve daha güzel görünümler haline getirilebilir. Nick, Önemli olan Tarayıcı desteği hakkında da ipuçları vermis. Firefox, Safari, Opera ve hatta internet explorer 6′nın bu özelliği desteklediğini belirtmiş. Tabii benim izlenimlerime göre bu css özelliği internet explorer 6 tarayıcısında (PNG hack eklentisi olmadan) doğru çalışmıyor. Internet Explorer 6 için PNG tekniğinin Javascript ile çalıştırılması gerekiyor
Yararları:
– Bu bir CSS tekniğidir, Javascript veya Flash gerektirmez. İnternet Explorer 6 dahil (png tekniği ile) en popüler Tarayıcıları destekler.
– Header yani sitenin üst kısımları için idealdır. Özel olarak Photoshop ile uğraşmazsınız. Bu teknik size zaman ve sitenize band genişliği kazandırır.
– Bu teknik Her yazı tipini ve boyutunu destekler.
Nasıl çalışır ?
Teknik çok basit. Temel olarak 1px genişliğinde bir Saydam PNG dosyasını Yazının üstünde gösteririz. PNG dosyasındakı Gradient efekti arkaplan rengi ile uyumlu ise, Bu da yazıya güzel görünümler kazandırır.
Kullanılan HTML kodu:
<h1><span></span>CSS Gradient Text</h1>
CSS Kodu
h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
ve hepsi bu. buradan önizlemelerini görebilirsiniz. dosyalara da şuradan ulaşabilirsiniz.
İE 6 ile çalışması için şu kodu çalıştırmanız gerekiyor.
<head>kodu altında herhangi bir yere ekleyiniz.
<!--[if lt IE 7]>
<style>
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gradient.png', sizingMethod='scale');
}
</style>
<![endif]-->
Internet Explorer için ekstra bir kod çalıştırılmasının da IE’den nefret etmek için yeterli bir sebep olduğu belli.
Mozilla Firefox, Windows, Linux ve Mac alt tabanlı işletim sistemlerinde çalışan ve 41 dilde kesintisiz destek veren Ücretsiz bir Açık kaynak Web tarayıcısıdır. Firefox, kişiselleştirilebilir, özelleştirilebilir ve tüm ayarları değiştirilebilir bir Tarayıcıdır. Diğer tarayıcılara göre çok daha güvenli, kullanışlı ve hızlı’dır. Kendi Tarayıcı motoruna sahip olup, bazı Linux alt tabanlı işletim sistemlerinde kurulu olarak gelir.
Oscar ödüllü web tarayıcısı Firefox’un 3.0 beta 3 adlı sürümü 4. şubat’ta indirilmeye hazır olacak. En geç şubatın ilk haftasında yayınlanacağı bildiriliyor. Firefox 3.0 beta 3 planlanan tüm yeni özellikleri içinde bulunduracak. Ancak bu özellikler beta sürümünde hatalı veya eksik çalışabilir. Aynı zamanda 3. beta sürümünün son beta olabileceği de belirtiliyor. RC sürümleri ise 2008′in ilk yarısında duyurulabilir.
