Tutorial : Navigation Float I

9:38:00 AM

 
 
Live Preview :
Pste Code ke dalam INI
Jum ! Jum ! :) Jum tutor !



1. Klik SINI dulu :D Sedekah sikit. Tapi, ikhlas ye ^_^ Then, buat la apa yang korang suka.

2. Dashboard > Layout > Add A Gadget > HTML/JavaScript

 


 



Klik untuk tumbesaran sihat lagi kuat ^^ Rawrrr :) 

 

3. Copy code kat bawah ni and then paste kat HTML/Javascript tadi
 <style>
.fafakyraa{
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:2px;
margin-bottom:20px;
text-align:center;
background: #fff;
border:3px solid #faafbe;
width:20px;height:20px;
border-radius:200px;
overflow: hidden;}
.fafakyraa:hover {
background: #fff;
border: 3px solid #999;
-moz-transition: all 1s ease;-o-transition: all 1s ease;
transition: all 1s ease-in-out;}
#left {
text-align:right;
width:80px;
position: absolute;
background:transparent;
color: #999;
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;z-index: 100;}
.fafakyraa:hover #left {opacity: 4;overflow:hidden;}</style>
<div style="left: 40px; position: fixed; top: 150px;">
<center><a href="link"><div class="fafakyraa"><div id="left">About</div></div></a>
<a href="link"><div class="fafakyraa"><div id="left">Tutorial</div></div></a>
<a href="link"><div class="fafakyraa"><div id="left">Freebies</div></div></a>
<a href="link"><div class="fafakyraa"><div id="left">Affies</div></div></a>
</center></div>

NOTA TANGAN :

  • Biru : warna yang korang suka. Boleh tengok kat SINI untuk cari kod warna :)
  • Oren : Link page korang. Kalau tak tahu nak buat page macam mana. Boleh tengok SINI
  • Merah : Perkataan korang ^^
Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD