The Tutobies
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much

The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Tutorial : Floating Navigate #2
Friday, 28 December 2012 | 0 Comments

First sekali tuto ini saya credit kepada Kak Afiqah. Code ni, saya ambil daripada dia. Ini tuto floating navigate. Contoh. 

Template Designer

1. Dashboard > Template > Add a gadget > HTML / Javascript.
2. Copy code dibawah, dah pastekan dekat HTML / Javascript.


1. Dashboard > Template > Search code </style>
2. Copy code bawah ni dan paste dekat bawah code </style>
a.navee, a.navee2, a.navee3, a.navee4{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
text-align:center;background: #fff;
border:5px solid #FFD685;padding:5px;

a.navee:hover, a.navee2:hover, a.navee3:hover, a.navee4:hover{
text-align:center;color: #fff;font-size:10px;
border:5px solid #fff;background:  #FFD685;
-moz-box-shadow: 0 0 5px 5px #eee;
-webkit-box-shadow: 0 0 5px 5px #eee;
box-shadow: 0 0 5px 5px #eee;
-webkit-transform: scale( -1.0) rotate( 540deg);
-moz-transform: scale( -1.0) rotate( 540deg);}

a.navee , a.navee3 {border:5px solid #BE81F7;}
a.navee2 , a.navee4 {border:5px solid #819FF7;}
a.navee:hover , a.navee3:hover {background: #819FF7;}
a.navee2:hover , a.navee4:hover {background: #BE81F7;}

</style><div style="left: 4px; position: fixed; top: 150px;">
<a class="navee" href="URL ANDA"><br />Home</a>
<a class="navee2" href="URL ANDA"><br />Owner</a>
<a class="navee3" href="URL ANDA"><br />Tutor</a>
<a class="navee4" href="URL ANDA"><br />Free</a></div>
3. Preview and save.


Post a Comment