Atomic Affliction
Custom Navigation
This tutorial will show you how to make the navigation on your website similar to mine.1. First off, copy this code somewhere in your stylesheet:
2. I'm going to assume that you know your basic HTML for this. The first section sets what the links look like before the hover. The border I set makes a box at the end of the link. If you don't want it, just replace the 10px solid #000000 with the word 'none'.
3. Set the rest of the colors to whatever you wish. The coding for the second section is exactly the same. If you want some sort of change on the hover, make the colors different from the first part.
4. Now copy and paste this where you want the nav to be:
5. Put the link to the page where it says LINK HERE and what you want the link to say in place of TITLE.
6. If you want the links to go across the entire column, make sure that there isn't any padding in you menu.
Other
|
|
