Kuroi KENSHIN
KUROI KENSHIN
HTTP://FARANYMBOBOIBOY.BLOGSPOT.COM
posted by Fara_nym | Hyoukurona Wednesday, 1 January 2014 @10:59 am 0 comments
Tutoirial: Navigation tab #2
Bismillahirahmanirahim...
Assalamualaikum dan Salam Sejahtera.

Ran-chan Shinichi-kun are arguing xP
(keyh act no need to mind it)

Fara malas nak terangkan apa-apa just test thing live prewiew keyh, ini sama je macam Fara punya navi tab kat sidebar  tu.. credit toooooooooooo~

Tab 1 Tab 2 Tab 3 Tab 4
Navigate around. Replace this with anything/your own words.


1. Sign in => dashboard => layout => add gadget => html/java sript

2. copy code ni and paste kat ruang html/java script tu.
<style>
a.mid{
background:#A2C898;
width:55px;
display:inline-block;
text-align:center;
color:#fff;
margin-bottom:1px;
font:11px arial;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
border:1px solid #A2C898;
cursor:pointer;
}
a.mid:hover{
background:#FFffff;
border:1px solid #A2C898;
color:#A2C898;
}
::-webkit-scrollbar {
background:#eee;
width: 6px;
height: 7px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD7D7;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
 </style>
<div style="width:250px;">

<center><a class="mid" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >Tab 1</a>
<a class="mid" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >Tab 2</a>
<a class="mid" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >Tab 3</a>
<a class="mid" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >Tab 4</a>
</center>
<div id="wnsb" style="margin-top:5px;width:230px; padding:10px; border:1px dashed #ddd;">
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>
***ni kod warna untuk kotak title. korang boleh tukar warna-warna tu dengan tengok kat sini [ KLIK ]
** Title untuk kotak-kotak tu. (tau-tau je la macam contact me. kinda. well whateva~ )
** Ayat sebelum Tab di tekan.
** isi dalam tab. korang tukar dengan kod gadget atau apa-apa gadget yang korang nak.

3. save je larhhh :3

keyh bye. hiatus on~

Labels:


FARANYM | HYOUKURONA 2017