. HOME . ABOUT . STUFF . FRIEND . RULES . 

Make a Box Disclaimer Hover

Hallo Semua! Tabitha mau share tutorials,, ini Own made,, Tabitha dapet kodenya dari skins Tabitha.. 

Maksud dari Box atau Kotak Disclaimer itu gimana sih?
lihat aja gambar ini

Sebelum di hover


 Sesudah Di hover

Kalian mau? langsung saja yuk!

1. Dashboard>Tata letak>html/javascript
2. Copy dan Pastekan kode dibawah ini didalam kotak html/javascript
(Saran : Sebaiknnya kamu preview dulu Disini

<div class='widget-content'>
<br/><center><style>#sidebar-position{border:2px solid #1EDFF8;z-index:9999;background:url(http://1.bp.blogspot.com/-0unS99GC5a8/Tva9xBojhbI/AAAAAAAAEvg/D6gJG8NRWoI/s1600/blue.png);padding:5px;width:200px;}
#back{-webkit-transition: 1.0s;-moz-transition: 1.0s;border:4px solid #0EFFFF;background-image: url('http://1.bp.blogspot.com/-w8fuioyMmy4/T-RPpi1ko3I/AAAAAAAAH8I/IavJCe_PPyY/s1600/blue.gif'); width:193px;height:180px;overflow:hidden;margin-right:6px;margin-bottom:5px;}
#back:hover{border:4px dashed #0DA7FF;-webkit-transition: 1.0s;-moz-transition: 1.0s;}
.titu {margin-right:-90px;margin-top:-60px;font:28px 'from where you are';padding:5px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-align:center;color:#2801FF;background:#0EF3FF;padding:3px;letter-spacing:3px;}
@font-face{font-family:tabitha;src:url('http://static.tumblr.com/eq1rpir/YvSm6kvcd/tabitha.ttf')}
#statuss {margin-top:200px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;font:8px kyoritsu dengyo;text-transform:uppercase;color:#000;padding:3px;background:#fff;display:block;height:250px;}
#back:hover .titu {margin-top:0px}
#back:hover #statuss {margin-top:0px;}
</style><div id="sidebar-position">
<div id="back"><div class="titu">Hi!</div><div id="statuss"><div id="status"><br/><br/><br/>ISI TEXT KAMU</div></div></div></center></div>

 Keterangan :
Hijau : Untuk Jenis Border bisa tau dari sini
Fuchia : Untuk Mengganti warna , bisa tau dari Sini
Biru : Untuk Background
Oren : Untuk Jenis Font
Merah : Untuk Judul pas di Hover
Abu-Abu : Text Kamu

Jika sudah save!

Tarraa~~ Jadi kan? Gimana?

Repost? Harap Credit berikan nama+Link blog ini!

Tidak ada komentar:

Posting Komentar

Jika Belum paham , Jangan malu untuk bertanya^^