Wednesday, January 11, 2012

Tutorial: Cute Navigation

Hari ni punya tuto pasal cute navigation . Nak tau rupanya
macam mana view gambar bawah ni .


1 Dashboard > Desgin > Add Gadget > Choose HTML/Java Script

2 Sekarang copy code kat bawah ni :
<center><span class="Apple-style-span" style="font-family: calibri; font-size: medium; ">
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="YOUR LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 1</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="YOUR LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 2</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
</span></span></center>
 3 Pastekan dalam kotak tersebut dan save . Kdone !

No comments: