Beşiktaş Haber Portalı

Gradyan efektli başlıklar yazmak için hep Photoshop’u kullanırız ve bu yazıyı siteye eklemenin tek yolu ise resim olarak eklemektir. Ancak bu yöntemle yaptığınız gradientleri her türlü başlığa, yazıya uygulamak çok daha kolay. Süper olur dediğinizi duyar gibiyim. Hem de javascript, flash gibi ek hiçbir şeye ihtiyaç duymadan. Sadece gerekli olan IE6 için pngFix eklentisi. Yöntemimiz ise <span> etiketine css ile position:absolute; komutu vermek ve Photoshop gibi bir programla hazırladığımız arkaplanı bu etikete atamak. Kısacası <span> ile verdiğimiz arkaplan yazının üstüne gelecek.

Bu yöntemi her türlü font ile kullanabilirsiniz. İlk önce yapmamız gereken şöyle bir başlık oluşturmak:

1

<h1><span></span>Başlık Burada</h1>