HTML
Basics Random Codes Marquees Text Around Image Overlapping Text Text Effects
CSS
Custom Navigation Subheading Backgrounds Transparent Scrollbars
Javascript
Add Favourites Image Slide Show Status Bar Back/Forward Last Modified Closed Window Password Protect
Stats
Tutorials: 16
Last Added: Password Protect
Layout Version: V1. Vanessa Hudgens
Webmiss: Sam
Date: 4.1.2008
Return Home: Here
Kiki-La Tutorials
CSS - Custom Navigation
This is possible my favourite code at the moment!
In your css
a.nav:link, a.nav:visited, a.nav:active { font-family:tahoma; font-size:8px; text-transform:lowercase; font-weight:none; color:#FFFFFF; background-color:#; height:8px; letter-spacing:2px; text-align:center; display:block; border-left: 1px solid #FFFFFF; } a.nav:hover { font-family:tahoma; font-size:8px; text-transform:lowercase; font-weight:none; color:#FFFFFF; background-color:#; height:8px; letter-spacing:2px; text-align:center; display:block; border-left: 1px solid #FFFFFF; }
You can modify that code how ever you want - the different parts of the code will effect how the navigation panel will look!
Now, where you want the navigation to appear put the following code. Each different link requires you to repeat the code! The class="nav" is the only thing different from normal links. This is what makes it look fancy.
<a href="http://yourdomain.com/link.html" class="nav">Webmiss</a>
Eg.
About Me Visitor Exit
Back . Forward