// s t a r r y t h e t i c
ENTRY ABOUT RANGKUMAN STUFFS INSTAGRAM TWITTER NEWER OLDER +FOLLOW DASH

NAVIGATION [13]
-[[ PREVIEW ]]-
  • Dashboard >>> Tata Letak >>> Tambahkan Gadget >>> HTML/Javascript
  • Copy kode di bawah
<style>

a.navigation{
background:#eee;
width:250px;
height: 25px;
display:inline-block;
text-align:center;
color:#000;
margin-bottom:2px;
font:20px Delius;
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;
cursor:pointer;
}

a.navigation:hover{
background:#000;
color:#FFFFFF;
}

 </style>
<div style="width:250px;">


<center><a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('1').innerHTML" >What 1</a>
<a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('2').innerHTML" >What 2</a>
<a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('3').innerHTML" >What 3</a>
</center>

<div id="pinkeu" style="margin-top:5px;width:230px; padding:10px; border:0px dashed #000;">
</div>

<div id="1" style="display: none;">
Put anything here 1
</div>

<div id="2" style="display: none;">
Put anything here 2
</div>

<div id="3" style="display: none;">
Put anything here 3
</div>
  • Paste >>> Edit >>> Save

Labels: ,


Written by me at 12/18/2015 | 3 Star{s}
Blogger Rin said...

Aku pake ya kak :)

 
Blogger Rin said...

sama diedit-editin dikit :)

 
Blogger Angelll said...

izin repost ya!

 

Post a Comment