Tuesday 5 February 2013

Tutorial : Top-Hover Cbox

Mio8yui4ritsu3kh_large 

Tutor Di Request Diyana . :3 belajar tutor tanpa bosan :)

Assalamualaikum hari ini nak ajar sedikit ilmu okay . Jum mula 
bagi pengguna Template design tolong paste code di Add Gadget okay ;)
Credit For Afiqah for hover
  • Pergi ke Dashboard dan Template
  • search code </style> *pastikan code ni asli bukan code yang lain sbb biasa ad dua code nih .
  • pastekan code di bawah ini di atas code </style> tadi ye 
<style type="text/css">
.boxer {
width: 250px;
height: 200px;
margin-top: -130px;
position: fixed;
left: 50px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index: 100;
top: 0px;
}
.boxer:hover   {
margin-top: 0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}
.box           {
width: 250px;
background: #fff;
color: #5E5E5E;
padding: 0px;
overflow: hidden;
height: 130px;
}
.close         {
text-transform: lowercase;
top: 130px;
font-size:15px;
position: absolute;
background: #FFAEBC;
color: #777;
padding: 5px;
width:150px;
font-family:kinkee;
text-align:center;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
left: 50px;
}
.close  e, .boxer:hover f   {
display: inline;
opacity:.8;
}
.close  f, .boxer:hover e   {
display: none;
opacity:.8;
}
</style>
<div class="boxer"><div class="close"> <e>Message!</e> <f>send!</f> </div>
<div class="box"><table><td><td>
</center>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/24576/Soko_-_Take_my_heart.mp3&t0=greywhite&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
<div style="background:url(http://i.imgur.com/JiF9n.png); background-repeat:no-repeat; background-position:right;"><center>LetakCboxkorang</center></div>.
<img src="http://i50.photobucket.com/albums/f333/sarahkawaii/blogger%20emoticons/Untitled-9-1.png" />Leave a Footprints<center/>
</td></tr></table></div></div>

*Extra : korang kena gantikan Cbox korang and pastikan private ! and then nak tukar ayat Leave A footprints pun boleh okayy :3 Terima kasih komen Assalamualaikum .

No comments: