Hover - Over Banner Giveaway
10:08:00 PTG
<style>
#bannerdiv {
z-index: 9999;
position: fixed;
bottom: -300px;
right: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
background-color: #000000;
padding: 5px;
margin: 4px;
border-radius: 10px 10px 0px 0px;
}
#bannerdiv:hover {
bottom: -5px;
}
#bannertitle {
text-align: center;
font-size: 11px;
font-family: verdana;
letter-spacing: 1px;
color: #ffffff;
padding: 3px 5px 15px 5px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
</style>
<br />
<div id="bannerdiv">
<div id="bannertitle">
GIVEAWAY</div>
<center>
<a href="LINK ANDA"><img height="70" src="URL GAMBAR" width="70" /></a></center>
<center>
<a href="LINK ANDA"><img height="70" src="URL GAMBAR" width="70" /></a></center>
<center>
<a href="LINK ANDA"><img height="70" src="URL GAMBAR" width="70" /></a></center>
<center>
<a href="LINK ANDA"><img height="70" src="URL GAMBAR" width="70" /></a></center>
</div>
3.Kalau dah okay semuanya, save
Amaran!
Yang warna merah tu korang boleh tukar ikut suka korang
Yang warna ungu tu , height dan width gambar harap korang takpayah tukar sebab kalau korang tukar nanti kedudukan dia jadi lain.
Kalau rasa-rasa kedudukan dia agak tak betul sikit korang boleh adjust code warna oren tu.
Letak 4 gambar/banner sahaja , kalau kurang/tambah banner.. kedudukan dia akan berubah nanti
Senang kata , korang just ambil code yang eyla bagi dan tukar yang warna merah je..
credit : nabilamedan
0 comments