Efek Gambar Dengan Title Deskripsi

Yosh...
Kali Ini Gwe Share Nih Trick Keren...
Tpi Ini Tidak Auto Ke Semua Gambar Lho Yah...

DEMO

JUDUL
Isi dari keterangan Gambar Disini

Cara Pemasangan :

• Masuk Ke Template
• Pastein Kode Dibawah Ini Diatas /b:skin

#kbgambar { float: left; margin: 10px; overflow: hidden; position: relative; } .kbket { width: 80%; height: auto; text-align: left; padding: 5px 10px; background: #000; opacity: 0.6; color: #006acc; line-height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 0x 25px 0px 0px; -moz-border-radius: 0px 25px 0px 0px; -o-border-radius: 0px 25px 0px 0px; border-radius: 0px 25px 0px 0px; } #kbgambar .kbket { position: absolute; bottom: 0; left: 0; margin-bottom: -300px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } #kbgambar:hover { -webkit-box-shadow:0px 0px 25px #000000; -moz-box-shadow:0px 0px 25px #000000; -o-box-shadow:0px 0px 25px #000000; box-shadow:0px 0px 25px #000000; } #kbgambar:hover .kbket { margin-bottom: 0px; }

• Kemudian Penerapannya
• Masuk Ke Entri Pilih HTML Jngan Compose
• Pastekan Kode Dibawah Ini

<div id="kbgambar"> <img src="url Gambar" /> <div class="kbket"> <b>JUDUL</b><br /> Isi dari keterangan Gambar Disini </div> </div>

Posted by Unknown on - Rating: 5.0

Title : Efek Gambar Dengan Title Deskripsi
Description : Yosh... Kali Ini Gwe Share Nih Trick Keren... Tpi Ini Tidak Auto Ke Semua Gambar Lho Yah... DEMO JUDUL Isi dari keterangan Gambar...

Share to

Facebook Google+ Twitter