TUTORIAL : NAVIGATION SIMPLE (no hover)
Posted Dec 12, 2013 // 12:06 AM
Assalamuaikum, tuto ni direquest oleh adik cilik kita @ImanZakaria :) Tq kpd owner skin ni,(michiko) unnie sy translate kan balik lah ye navi unnie :* k jum start !
Copy dan paste code di bawah dan paste sebelum code </style>
.hnie{
font: 10px verdana;
letter-spacing:0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-align: justify;
line-height: 17px;
color: #555;
padding-top: 0px;
padding-bottom: 10px;
padding-left:25px;
padding-right: 35px;
top: 350px;
left:190px;
position: absolute;
width: 240px;
}
a.linki {
border: 1px solid #eee;
margin-left: 2px;
margin-bottom: 4px;
text-align: center;
width: 100px;
background: #fff;
display: inline-block;
color:#555;
font:normal 10px 'consolas';
text-transform: uppercase;
letter-spacing: 2px;
padding:6px;
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}
Copy yang ni pulak dan paste kat tempat sepatutnya
DONE, tak reti mcm mana nak explain T_T try2 laa sendiri hehe, btw jangan re-freebies tanpa credit tuto yg tepahapa ni haha XD
<div class="hnie">Then copy code ni pulak dan paste kat tempat navigation ( kod yg korang isi sebelum ni)
<a class="linki" onClick="changeNavigation('profile')"> Profile</a>
<a class="linki" onClick="changeNavigation('stuff')"> Tutobies</a>
<a class="linki" onClick="changeNavigation('free')"> biases</a>
<a class="linki" href="http://url.com/"> flavors</a>
<a class="linki" href="http://www.blogger.com/follow-blog.g?blogID= BLOG ID"><img src="http://i1158.photobucket.com/albums/p603/koongzi/5follow.gif"/> follow</a>
<a class="linki" onClick="changeNavigation('entries')"> refresh<a>
<div id="profile" style="display:none">Then kat content here tu isi lah bio or ape2 je ;)
CONTENT HERE
<div id="stuff" style="display:none">
CONTENT HERE
<div id="free" style="display:none">
CONTENT HERE
DONE, tak reti mcm mana nak explain T_T try2 laa sendiri hehe, btw jangan re-freebies tanpa credit tuto yg tepahapa ni haha XD
2 Comments:
Thanks, Arina for the tutor :)
welcome, anyways jadi tak / ?
Post a Comment
1# Harsh word not allowed
2# Support word , I say THANKS ^^
... Back to the blog?