Sunday, September 6, 2009

Adding tabs code

OK... I'm not sure I'm in love with these tabs, but you can probably tweak them for your blog. You'll have to change the colors (unless you want teal)

Go to Layout and Add a Gadget. (you want to add it directly under the header. If you don't have that option, add it and try moving it up there. If it won't let you, in your HTML the header is set to 'max widgets=1" and that number needs to be changed to 2.

You should select the HTML Gadget. Then use this, but add your links where it says "whereyouwantittogo" -- You'll see where they go down in the second section of the code.

<style type="text/css">
/*- Menu Tabs J--------------------------- */

#tablist{
padding: 1px 1;
margin-left: 1px;
margin-bottom: 0;
margin-top: 0.2em;
font: bold 12px Verdana;
border-bottom: 0px solid gray;
}

#tablist li{
list-style: none;
display: inline;
margin: 2px;
}

#tablist li a{
text-decoration: none;
padding: 3px 10px;
margin-right: 3px;
border: 1px solid #778;
border-bottom: 1px solid #778;
background: #0EAFC5;
}

#tablist li a:link, #tablist li a:visited{
color: black;
}

#tablist li a:hover{
color: darkgrey;
background: lightyellow;
border-color: grey;
}

#tablist li a.current{
background: lightyellow;
}
</style>
<ul id="tablist">
<li><a href="http://www.whereyouwantit togo.com" title="Home"><span>HOME</span></a></li>
<li><a href="where you want it to go.com" title="Contact"><span>CONTACT</span></a></li>
<li><a href="whereyouwantittogo.com" title="Subscribe"><span>SUBSCRIBE</span></a></li>
<li><a href="where youwantittogo.com" title="About Me"><span>ABOUT ME</span></a></li>
<li><a href="whereyouwantittogo.com" title="Privacy Policy"><span>PRIVACY POLICY</span></a></li>
</ul>

0 comments:

Post a Comment