preston-net
blog
wiki
photo
shop
news
RSS Antenna
Here is the HTML for this list:
<div id="navcontainer"> <ul id="navlist"> <li><a href="http://www.preston-net.com/" title="preston-net">preston-net</a></li> <li><a href="http://kengo.preston-net.com/" title="blog">blog</a></li> <li><a href="http://www.preston-net.com/wiki/" title="wiki">wiki</a></li> <li><a href="http://www.preston-net.com/futurephoto/index.shtml" title="photo">photo</a></li> <li><a href="http://www.preston-net.com/shopping/index.shtml" title="shop">shop</a></li> <li><a href="http://www.preston-net.com/news/rss/recent_entry.html" title="news">news</a></li> <li><a href="http://www.preston-net.com/antenna/rss/recent_entry.html" title="RSS Antenna">RSS Antenna</a></li> </ul> </div>
Here is the CSS for this list:
#navlist { padding: 0 1px 1px; margin-left: 0; font: bold 12px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; border-top: 1px solid gray; display: inline; } #navlist li a { padding: 0.25em 0.5em 0.25em 0.75em; border-left: 1em solid #AAB; background: #CCD; text-decoration: none; } #navlist li a:link { color: #448; } #navlist li a:visited { color: #667; } #navlist li a:hover { border-color: #FE3; color: #FFF; background: #332; }