Menu Vertical 2
link
link
link
Pegue o código abaixo e coloque entre as tags <head> e </head>
Configure do jeito que você quiser
<style> #menubv { width: 12em; padding: 0; margin: 0; font: 14px Verdana, sans-serif; } #menubv ul { list-style: none; margin: 0; padding: 0; } #menubv li { border-bottom: 1px solid #000; margin: 0; } #menubv li a { display: block; padding: 5px 5px 5px 0.5em; font-weight:bold; border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; background-color: #5F9EA0; color: #000000; text-decoration: none; } #menubv li a:hover { border-left: 10px solid #000; border-right: 10px solid #000; background-color: #E0FFFF; color: #; } /* Fix IE. Hide from IE Mac \*/ * html #menubv ul li { float: left; height: 1%; } * html #menubv ul li a { height: 1%; } </style>
Coloque o código abaixo onde você quiser que apareça o menu.
<ul id="menubv"> <li><a title="Link" href="http://www.seusite.com/#">link</a></li> <li><a title="Link" href="http://www.seusite.com/#">link</a></li> <li><a title="Link" href="http://www.seusite.com/#">link</a></li> </ul> </ul>