0 CSS Rollover

Birkaç gün önce bloguma uyarladığım bu kullanışlı özellikten bahsedicem.Aslında bu özellik daha çok buton yapımında kullanılan bir özelliktir(bknz.:apple.com) fakat ben daha değişik birşey düşünüp konu başlıklarındaki üzerine gelindiğinde gülen normalde somurtan birşey koydum ortaya...fenada olmadı hani :)

Resim :

Css :

<style type="text/css">
uslu.x {
    display: block;
    width: 80px;
    height: 40px;
    background: url(https://dl.dropboxusercontent.com/u/89411933/x.GIF) 0 0 no-repeat;
    text-decoration: none;
    text-indent:-999px;
}

uslu:hover.x {
    background-position: -90px 0;
}
</style>

Kullanılacak Kod :

<uslu class="x">Gülümse</uslu>

Düşüncem hazır bir widget olmadığı için blogger'a uyarlamak biraz zamanı aldı doğrusu...Blogunuz üzerinde zorlanırsanız yorum atmanız yeterli yardımcı olmaya çalışırım...