Tutorial : Navigatin IX

4:57:00 PM

Assalamualaikum :)


 

Live Preview :
  page1 page2 page3 page4

1. Klik SINI dan ikut step seterusnya.
2. Log In  >  Design  > Add a gadget  >  html/JavaScript
3. Copy code di bawah dan paste kan di ruang html tadi.

<style>
a.fafa {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #FFD1D1;
text-align:center;
cursor:vertical-text;
}
a.fafa:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#AEEFB5;
}
</style>
<a class="fafa" href="LINK">page1</a>
<a class="fafa" href="LINK">page2</a>
<a class="fafa" href="LINK">page3</a>
<a class="fafa" href="LINK">page4</a>

NOTA KAKI TANGAN :

merah : Warna backgound sebelum hover
oren : warna backgound selepas hover
kuning : link pages anda
hijau : Nama page


Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD