Penggunaan Link CSS Sprite Gambar

CSS Sprite Pada Gambar biasa di gunakan untuk membuat menu,item,list,button dan lainnya dengan background sebuah gambar. untuk mengatur link css sprite kita harus selalu mengunakan markup akhir a:,agar link pada text anchor tetap aktive..
a {
       display: block;
       background: url(sprite.png) no-repeat;
       height: 25px;
       width: 150px;
}

a:hover {
       background-position: 0 -25px;
}
display: block; gunakan block agar gambar pada text bisa membungkus keseluruhan. atur tinggi dan lebar sesuaikan gambar,agar berfungsi di semua browser termasuk mobile layout.
a:hover {
       background-position: 0 -25px;
}
a:hover guna meroll background sprite gambar menjadi berbeda dengan hanya mengatur background-position:

8 comments:

  1. Untuk generatornya bisa memakai ini: http://csssprites.com/

    ReplyDelete
  2. Mantap nih tutor :D
    Berkunjung kang ke blog ane...

    ReplyDelete
  3. wah masternya blog nih..:)
    ikut belajar disini ya gan..:)

    ReplyDelete
  4. Makin nambah aja nih pengetahuan tentang css \o/

    ReplyDelete
  5. Nice info. Thanks for sharing.
    Maju terus gan.

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top