Kuroi KENSHIN
KUROI KENSHIN
HTTP://FARANYMBOBOIBOY.BLOGSPOT.COM
posted by Fara_nym | Hyoukurona Sunday, 14 December 2014 @2:20 am 0 comments
Tutorial: Navigation Tab #3
Assalamualaikum...
Ohayou~ minna!

har har click here to watch full video .
Please ignore that if ya dun like it.

woahohohoho so mant ppl came to my blog fer this week. This tutorial request by Tiara-san .. forgot whats the tutorial name so I just copy back this tutorial from my unknown blog . This navi is belongs to wana-senpai. (Sorry ye kak wana tak tau link navi ni so copy balik sbb orang mintak~)

LIVE PREVIEW: 

1 2 3 4
Ayat or greating massage sebelum tab di tekan


follow the steps okayh?

1. Sign in > Dashboard > Layout > Add gadget > html/java scrpt

2. Copy the codes and paste at HTML/java script
<center><style>
.adv2 ul{background:url(http://i.imgur.com/LsUfp.png);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:220px;color:#555}
web
.adv2 p{padding:5px;text-align:left;width:220px;color:#555;}
.babo{background:url(http://i.imgur.com/idEbA.png);padding:5px;border:3px solid #DDDDDD;text-align:center;width:220px;color:#555}
a.tablo{
-webkit-transition: all 0.3s 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:#ff668a;
width:20px;
text-decoration:none;
border:3px solid #fff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px calibri;
}
a.tablo:hover{background:#FFCCFF;color:#fff;}
#wnsb img{max-width:245px;}
 </style>
<div id="adv2" class="adv2">
<div class="babo">
<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>
</div>
<center>
<div id="wnsb" style="width:220px;color:#666666; padding:5px;border:3px solid rgb(228, 228, 228);border-top:none;font:11px fingerlinger; letter-spacing:1px;">
Ayat or greating massage sebelum tab ditekan
<br /><br />
</div>
<div id="1" style="display: none;">
put your gadget/ codes here!
</div>
<div id="2" style="display: none;">
put your gadget/ codes here!
</div>
<div id="3" style="display: none;">
put your gadget/ codes here!
</div>
<div id="4" style="display: none;">
put your gadget/ codes here!
</div>
</div>
.: you can edit this tab at http://htmledit.squarefree.com/ :.

Main background for the number navigator
background for number of navigator BEFORE hover
background for number of navigator AFTER hover
Bold : text or gadget/codes

3. save.

**dun forget to credit to Wana-senpai okeyh!

Gambatte!
Assalamualaikum...

Labels:


FARANYM | HYOUKURONA 2017