Fancy Navigation, I cannot, for the love of God, figure out how to make nav like this. Options

[Amanda-x]

Hello! I have been battling my head going in circles trying to figure out how to make a navigation bar like this one:

http://www.createblog.com/layouts/code.php?id=15259

Who can help me out? :)


Thanks!

Amanda

[Smarmosaur]

as Nat(hope you don't mind me calling you that. please PM a bitchy message if you do mind. ) said, it's rollovers. you can either use images (which might be a little difficult if you're a beginner), or you can do it the normal way with CSS.

all you have to do is assign your links to a class (i'll use nav as an example), and go crazy with the CSS. here's the basics:

CODE

<a href="linkage" class="nav">Text</a>

<style type="text/css">
a.nav:link{
font-family:whatever;
font-size:number;
text-align:center;
color:000000;
text-decoration:none;}
</style>

that's your basic link and CSS. to add the awesome rollovers, just add in the hover and set a background color and left border, like this:

CODE

<style type="text/css">
a.nav:hover{
color:whatever;
background-color:whatever;
border-left-width:#px;
border-left-color:whatever;
border-left-style:solid;}
</style>