Alt. Navigation

Domain Me You Tutorials Ask Exits Home

Poll

Does sexism still exist?

Yes No Sometimes   Results :: Polls

Shout Box

Link Back

VOTE

Navigation CSS

Here is a tutorial to get cool navigation CSS like below:

Ask Exits Home

1) First, copy the code below and paste it into your style sheet.

a.nav:link, a.nav:visited, a.nav:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 12pt; color: #C0C0C0; background-color: #404040; cursor: default; display: block; text-align:center; text-transform: uppercase; margin: 2px; padding: 1px; border-bottom:0px solid #000000; border-right: 0px solid #000000; border-left: 7px solid #E3A6DD; } a.nav:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 12pt; font-weight: none; color: #202020; text-align: center; background-color: #C0C0C0; cursor: default; display: block; text-transform: uppercase; margin: 2px; padding: 1px; border-bottom:0px solid #000000; border-right: 0px solid #000000; border-left: 7px solid #E3A6DD; }

2) Now, you have to edit the coding with the colors you want. Everything is pretty much self explainetory, but here are some things you might need to know:

• a.nav:link, a.nav:visited, a.nav:active is the regular link.
• a.nav:hover is what the link will look like when your mouse is hovering over it.
• Color is the font color.

3) Now, where you want your navigation to go (probably in your sidebar) make your links like below:

<a href="URL" class="nav">LINK</a> <a href="URL" class="nav">LINK</a> <a href="URL" class="nav">LINK</a>

And that's all! If you have any questions, feel free to contact us at any time! Good luck!

Webmistress

Noelle. 16. Turns 17 November 5. 1/2 White. 1/2 Black. Massachusetts. Likes: Anything Harry Potter! Singing. Dancing. Webdesigning. Reading. Watching movies. Dislikes: DRAMA! Haters. Liars. TyPinG LikE tHiS. MORE?

Updates

5/14/08
» New Layout!
5/2/08
» 1 Aim Icon.
» 4 Quotes.
» 3 Blends.
» Advanced Picture Tut. (PSP)
4/28/08
» 2 Gwen Stefani icons.

Updates Archive

Random Goodies

100x100 Icons

Hostees

» Abbie » Danielle » French

» Kit » Rachel » Zeynep

Apply?

Affiliates

» Abby » Aidee » Amanda » Amber » Ammy » Angela » Angie » Athena » Dana » Fidelia » Jay » Katie » Kitarei

» Mahala » Maika » Maryann » Megan » N & S » Nicky » Pamelah » Regina » Rena » Vashael » Veena » Veronica » Zeynep

More | Apply?

Site Info

Site Name: Must Love
Webmistress: Noelle
Co-Web: Kayla
Posts: 34
Comments: 746
Best Viewed in: IE
Opened: August 19, 2006
Featuring: Gossip Girl Cast
Host: Holdfire
Hits:
Online:
Contact: Click Here

Copyright

Everything on this website is Copyright to Noelle and Kayla of MustLove.Org unless started otherwise. Please don't steal. Thanks!