Tutorial tab menu cute

Penulis : Aina Zairee Masa : 09:15 Comments : 0 Labels :
*hey girl/boy I see you now >:3

Assalamualaikum , dah lama aina tak buat tuto dan sekrang ni , dlm bulan ramadhan yang indah ini . saya ingin buat tutorial tab menu cute :* cute tu mmg cute tak percaya korang try buat dulu :) . sory aina malas nak sreenshot , so korang  cuba buat dulu dan tengok lah kalau tak okey  remove la xD

1. Macam biasa add the gadget - html javascript
2. Copy code bawah ni 
<style>
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #d8d8d8;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#ffdfea;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #ffdfea;
}
.raejun:hover{
width:66px;
border-left:30px solid #ffdfea;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:100px;left:20px;width:100px; color:#aaa;">
<div style="background:#FFBBBB;color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; text-transform:uppercase;">
Aina</div>
<img src="http://4.bp.blogspot.com/-LbHbIPQIs1Y/UZjoC_-x5JI/AAAAAAAASQU/jtDvEPn9wOM/s1600/4.png" style="width:80px;border:10px solid #eee;margin-top:5px;box-shadow:2px 2px 4px #ddd;" />
<a class="raejun" href="http://dakvanila.blogspot.com/">Home</a>
<a class="raejun" href="http://dakvanila.blogspot.com/p/owner.html">About</a>
<a class="raejun" href="http://dakvanila.blogspot.com/p/stuff.html">Stuf</a>
<a class="raejun" href="http://dakvanila.blogspot.com/p/exc-banner.html">ExcLink</a>
</div>
3. pastekan di ruangan javacript tu the save ! :D jadi tak ? kalau tak jadi bagitau aina oke ?
thank you for reading

No comments: