just wanna share my personal main navigation codes (external css)
#mainnav { border: 5px double #000000; overflow: none; background-image: url( image here if you like, blank if not to be used) !important; background-attachment: fixed !important; repeat: no-repeat !important; position: top left !important; background-color: #000000 !important; font-weight: bold !important; color: #000000 !important; text-align: left; }
#mainnav a, a:link, a:visited, a:active { font-weight: bold !important; color: #ffffff !important; }
#mainnav a:hover { font-weight: bold !important; color: #999999 !important; text-decoration: none !important; }
#mainnav span { font-weight: bold !important; color: #000000 !important; }
just edit any part of it to your own preferences... try experimenting...
borders, fonts, images, etc... be imaginative, you can also turn that main navigation into a button like navigation...
preview here:
http://www.friendster.com/42085046 ( test profile )
Last edited by !? (2007-06-22 20:22:22)