Slide Navigation

10:16:00 PTG



LIVE PREVIEW



<center><style type="text/css">
.slide {
width: 250px;
padding: 5px;
background: ;}
.slide2 {
padding:3px;
display:block;
height:13px;
width:240px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.slide2:hover {
height: 150px;
}
nav1{
font-family:consolas;
padding-top:1px;
font-size:12px;
color:#000;
text-align:center;
text-transform :uppercase;
background: pink;
letter-spacing:2px;
height:25px;
padding-left:6px;
display:block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;}
</style>
<div class="slide"><div class="slide2"><nav1>Tajuk Pertama</nav1>
<div style="height:150px; overflow:auto;margin-top:3px;">
ISI UNTUK TAJUK PERTAMA
</div></div></div>
<div class="slide"><div class="slide2"><nav1>Tajuk Kedua</nav1>
<div style="height:150px; overflow:auto;margin-top:3px;">
ISI UNTUK TAJUK KEDUA
</div></div></div>
<div class="slide"><div class="slide2"><nav1>Tajuk Ketiga</nav1>
<div style="height:150px; overflow:auto;margin-top:3px;">
ISI UNTUK TAJUK KETIGA
</div></div></div></center>

1.Copy code yang eyla beri diatas dekat http://htmledit.squarefree.com/ untuk memudahkan korang edit
2.Dah siap edit? Paste code yang telah siap korang edit dekat HTML/Javascript
*Dashboard > Layout > Add a Gadget > HTML/Javascript
3.Save

Note
Merah - tukar code warna korang
Ungu - letak tajuk/title dia
Biru - letak isi yang korang nak letak {contoh:code shoutbox, banner giveaway dll}

Credit : nabilamedan

You Might Also Like

0 comments

Review



THEJUNNI

Like us on Facebook

Giveaway



2016


11.1.2017


2016


31.12.2016