hope's daughter

Monday, 21 April 2014

TUTORIAL: SIMPLE NAVIGATION TABS



1) Dashboard >> Design >> Add a Gadget >> HTML/JavaScript

2) Copy the code below here and paste it in the content:

<span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium; "><span id="nav" style="font-size: 13px; font-family: serif; background-color: #B8D3FF;
padding: 2px;
border-radius:5px;
border: #69A2FF 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#69A2FF; text-decoration: none; -webkit-transition-duration: 0.5s; ">TITLE</a></span>
<span id="nav" style="font-size: 13px; font-family: serif; background-color: #B8D3FF;
color:#69A2FF;
padding: 2px;
border-radius:5px;
border: #69A2FF 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#69A2FF; text-decoration: none; -webkit-transition-duration: 0.5s; ">TITLE</a></span>
<span id="nav" style="font-size: 13px; font-family: serif; background-color: #B8D3FF;
color:#69A2FF;
padding: 2px;
border-radius:5px;
border: #69A2FF 1px solid;
-webkit-transition:1s;"><a href="LINK" style="color:#69A2FF; text-decoration: none; -webkit-transition-duration: 0.5s; ">TITLE</a></span></span>

Notes:-
Red - Link of the page that you want
Blue - Title of your navigation.
Pink - Background colour
Green - Border colour
Yellow - Title colour
3) Colour code here.

4) Save and Done.

No comments:

Post a Comment