December 31, 2012

Tutorial Menu Tab cute Mine Version


hye Amirah..mesti amirah peminat PINK kan..actually tutorial ni sha ambil dari salah sorang blogger..tapi ubah2 sikit kod maka jadilah cute seperti yang di atas tu :)

Dashboard > Layout > Add Gadget > HTML

Copy Kod bawah ni
<style>
.hyosung{
width:100%;
background:url(url background);
border-bottom:0px solid #FFf;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 1px ccc;
text-align:center;
padding:4px;}

a.jieun{
background:url(url background);
text-decoration:none;
border:1px solid #000;
border-radius:10px ;
color:#000;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:90px;}

a.jieun:hover{background:#FFBBBB;
color:#000000;
</style>
<div class="hyosung">
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>

</div>

#boleh edit di SINI

Save, dah jadik !! hehe..apa matcam? cute tak? pandai2 lah amirah design sendiri ya :)


5 comments:

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)