membuat efek zoom pada image dan tulisan

1. login ke blog, tata letak , html
2. cari kode ]]></b:skin>, kopi kode berikut di atas nya:
   /* Zoom Efek */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; }<br /> .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } <br /> .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } <br /> .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ }
3. simpan
4. untuk menampilkan efek zoom gunakan kode ini:
   gambar
   • <a class="thumbnail" href="#thumb"><img src="url image" width="100px" height="100px" border="0" /><span><img src="url image" width="180px" height="180px"/></span></a>
   • teks: <a class="thumbnail" href="#thumb">tulisan<span><img src="url image" /></span></a> 

Update : (3 maret 2011 Pukul 00:48)
width="100px" height="100px"harus selalu lebih kecil dari width="180px" height="180px"

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan