Riyukko's Blog
S
t
a
t
u
s




| Woaah~ Aku kebanyakan update freebies ya? Hehehe... mumpung ada banyak link, jadi aku post aja. Daripada nanti malah lupa XDD
06.15 AM
10/07/15


| Edit sedikit penampilan blog ini X'DD Semoga gak terlalu mengganggu kalian~!
10.52 AM
04/07/15


| None
time
date
 


RULES

Please dont re-post my entries without linkable(?) credit ^^
----
Tolong jangan re-post setiap post-ku tanpa linkable(?) credit ^^ Setiap dosa ditanggung kalian~!

Hi There!


Riyukko. Candyroll. 16 y.o. An ordinary girl with ordinary ideas and ordinary activities.
Contact me? Comment here! And I do have LINE and FB account so just ask me if u want to know.

Tagboard


Blog Archive


The Friends


Credits

© 2013 - Full Template by Riyukko Ryuu and the basecode from Anugerah Salsa . Header hover code from Azkiya. Bullet Icons from Gasara
Protected by Copyscape Web Plagiarism Scanner
Tutorial : Navigate-able Box
Selasa, 24 Juni 2014 | 0 Sparkle[s]
http://25.media.tumblr.com/tumblr_melk9nFK5t1ruuu4oo1_500.gif
Ohayou \(*w*)\
Saking lamanya hiatus sampe pengen vakum aja :3 Tapi gak jadi '3')/ Hadeeeh... back to topic!

The Code :

<style>
.adv2 ul{background:url(URLBACKGROUNd);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}

.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}

a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#fff;
width:20px;
text-decoration:none;
border:1px dashed #BBBBBB;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}

a.tablo:hover{background:#ccc;color:#fff;}

 </style>
<div id="adv2" class="adv2">
<ul><a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a> </ul>

<div id="wnsb" style="width:250px;">
Navigate around. Replace this with anything/your own words.
</div>

<div id="1" style="display: none;">
This navigation no.1 , remove this and replace with anything you want to be here.
</div>

<div id="2" style="display: none;">
You can also put cbox codes here. Just anything without messing the codes.
</div>

<div id="3" style="display: none;">
This navigation no.3
</div>

<div id="4" style="display: none;">
This navigation no.4 </div></div>
How to Do :
  • Copy code diatas, coba edit di http://htmledit.squarefree.com/
  • Background, text, semuanya bisa kamu ubah ^^
  • For TemplateDesigner : Tataletak >> Add Gadget >> HTML/Javascript
  • For ClassicTemplate : Di code sidebar / page
CR : Wanaseoby

Label: ,

Posting Komentar

Please comment after reading this post ><
No SPAM! No HARSH word!
Now, comment :)


Newer Post
Older Post