Css ile web sayfalarında harika efektler yapılabiliyor anlatmaya çalışacağım bunlardan biri hover efekt (farklı isimde olabilir) CSS dosyalarında görmüşsünüzdür hover etiketi linklerin üzerine gelindiğinde görünümün ne şekilde olacağını belirliyor örnek: yazıya link verildiyse üzerine gelindiğinde rengi farklı olur ya da farklı şekillerde değişir tasarımı yapan kişiye kalmış resim ile kullanıldığınında dahada hoş oluyor yukarıdaki resimde görüldüğü gibi

Gördüğünüz her buton ayrı ve ikili haldeler biri gölgeli diğeri normal

butonları modifiye wordpress teması için photoshop kullanarak yapmıştım nasıl yapıldığı hakkında örnek Video dosyasını buradan indirebilirsiniz

gelelim css kodlarına benim kodlama bilgim yoktur (css,php,asp,vb) uygulamayı bir sitede görmüştüm ne yazıki adresi hatırlamıyorum css kodları inceyip resimleride gördüğümde az çok sistemi çözdüm gerçi sonrasında dikkat ettim bir çok sitede kullanılıyor

İsterseniz Değişik efektlerde kullanılabilir videoda gördüğünüz parlaklık ayarı yapılan resim farklı olabilir değişik renlerde ya da farklı bir resim vs. hayal gücünüze kalmış

CSS Kodları

.bt_fbr{background:url(images/RESÄ°M.png) no-repeat 0 0;width:40px;height:40px;display:block;float:left;text-indent:-9999px;overflow:hidden;margin-left: 15px;}

.bt_fbr:hover{background:url(images/RESÄ°M.png) no-repeat 0 100%;}

width , height değerlerini kullanacağınız resime göre ayarlamalısınız

Gösterim için html kod

<a href="http://320volt.com/feed" class="bt_fbr" target="_blank" title="rss">RSS ile Takip Edin</a>

title etiketindeki rss yazısı maus ile resim üzerine gelindiğinde bir kaç saniye sonra imlecin yanında görünen açıklamadır isterseniz boş bırakabilirsiniz