Fairy Tail
|
Yuri!!! on Ice
| Owari no Seraph
| Boku no Hero Academia
|
Real Account
|
Hitsugaya Toushirou
|
Gray Fullbuster
|
Suzuya Juuzou
|
Fushimi Saruhiko
|
Slaine Troyard
|
|||||||||||||||||||||||||
Gajeel Redfox
|
Sting Eucliffe
|
Nanase Haruka
|
Hyakuya{s} \\hover
|
Speed o' Sound Sonic
|
|||||||||||||||||||||||||
Otosaka Yuu
|
Kimizuki Shiho
|
Kirishima Ayato
|
Zeref Dragneel
|
Yukio Hans Vorarlberna
|
|||||||||||||||||||||||||
Oreki Houtarou
|
Nase Hiroomi
|
Killua Zoldyck
|
Fukube Satoshi
|
Katsuragi Keima
|
||||||||||||||||||||
Lubbock
|
Todoroki Shouto
|
Licht Jekyllad Todoroki
|
Katsuki Yuri
|
Victor Nikivorov
|
GraTsu
|
IchiRo
|
HideKi
|
KilluaxGon
|
MikaXYuu
|
ZenXAtri
|
ShunsukeXYuu
|
TsubakiXBossun
|
InahoXSlaine
|
HeijiXShinichi
|
SaruMi
|
Stingue
|
HaruXrin
|
TodoDekuBaku
|
LichtXhyde
|
VictorRi
|
|
|
Ran-chan Shinichi-kun are arguing xP (keyh act no need to mind it) |
<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>
Labels: Tutorial