3.1.13

Tutorial : Slide Navigation (Macam Notice Board Nabila)

Author : Nabila Medan Time : 1/03/2013 03:15:00 PM Total Comment : 18 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Petang


Okay petang ni nabila nak buat tutorial slide navigation macam yang nabila pakai dekat notice board nabila tu. Contoh ada diatas ye? Kalau pasang benda ini mungkin dapat jimatkan ruang sidebar korang :)

Code :
<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 nabila 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}

18 comments

Thursday, January 03, 2013 3:57:00 PM Delete! [Reply Comment]

xjadi :'(

Thursday, January 03, 2013 4:22:00 PM Delete! [Reply Comment]

ow yg tu, thanks nabila, nti nak try..hehe (^___^)

Anonymous
Thursday, January 03, 2013 4:25:00 PM Delete! [Reply Comment]

reported the majority cover its loans on time in addition to free of outcomes
A top financial debt a good cause plans the amount of persons using them intended for aid throughout pay day loan bad debts in order to 2x that. arrears charitable organization shows all around purchase that temporarily, high awareness loans 2010. Typically the aid organization pronounces 3 years backwards the amount of clients with them is simple.
pożyczka bez bik eurobank
kredyty bez bik dla zadłużonych
pozyczki-prwatne.org.pl
szybka pożyczka
szybkapozyczka24.info.pl

http://szybkapozyczka24.info.pl
http://pozyczkanadowod24.net.pl
http://pozyczki-prwatne.org.pl

Thursday, January 03, 2013 4:55:00 PM Delete! [Reply Comment]

Thankyouuu, amek tuto ni yeee Nabilaaa ;)

http://softness-self.blogspot.com/

Thursday, January 03, 2013 5:02:00 PM Delete! [Reply Comment]

ahh apit boleh la amik tuto ni..hehe..sha da masukkan 50 kamu :)

Thursday, January 03, 2013 6:15:00 PM Delete! [Reply Comment]

http://sweetlovesstory.blogspot.com/?zx=af8318cab599332e
try tgk link nie, kat sidebar kedua tu sy try utk tutorial nie,, tp xboleh,,dia xjadi..

Thursday, January 03, 2013 6:40:00 PM Delete! [Reply Comment]

maaf kak, sy dah open dah utk all .. :) try tgk semula

Thursday, January 03, 2013 8:56:00 PM Delete! [Reply Comment]

mnjadi , comel2 ,thanks. =)

Friday, January 04, 2013 7:06:00 PM Delete! [Reply Comment]

DAH JADI THANK.. THANK :)

Wednesday, January 16, 2013 5:56:00 PM Delete! [Reply Comment]

kite cuba :)

Friday, February 08, 2013 3:56:00 PM Delete! [Reply Comment]

thanks :) jadi pon

Saturday, March 02, 2013 9:14:00 PM Delete! [Reply Comment]

salam NM.. deno dah cuba tutor ni dan dah jadi... thanks !:)

Tuesday, March 19, 2013 12:17:00 AM Delete! [Reply Comment]

thanks :D

Tuesday, March 19, 2013 3:27:00 PM Delete! [Reply Comment]

Thanks.. :)

Thursday, March 21, 2013 4:58:00 PM Delete! [Reply Comment]

AMBEK ! tq :)

Wednesday, April 03, 2013 9:09:00 PM Delete! [Reply Comment]

Jadi laa .. hehe .. tq :]

Monday, April 15, 2013 7:10:00 AM Delete! [Reply Comment]

menjadi :). thanks nabila im using your code

Thursday, July 25, 2013 1:46:00 PM Delete! [Reply Comment]

Yeay jadi tq kak nabila

Post a Comment
Related Posts Plugin for WordPress, Blogger...