Mostrando Codigo - Dhtml
Menu Vertical utilizando Css
Este menu se ilumina a la hora de pasar el mouse por encima con la ayuda de Css, configuración facil.
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
<html>
<head>
<title>Tutores.org</title>
<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}
A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}
</style>
<script>
/* Script traducido y adaptado por tutores.org
CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
Por favor dejar estas lineas intactas
*/
var ns4class=''
</script>
</head>
<body>
<table border="0" width=198>
<tr>
<td width="100%" bgcolor="#990000"><font color="#FFFFFF"><b>Menu Principal
(CSS)</font><b></td>
<tr>
<td width="100%"><a href="http://www.tutores.org" class="menulink" class=&{ns4class};>Tutores.org</a></td>
</tr>
<tr>
<td width="100%"><a href="http://yahoo.com" class="menulink" class=&{ns4class};>Yahoo.com</a></td>
</tr>
<tr>
<td width="100%"><a href="http://google.com" class="menulink" class==&{ns4class};>Google.com</a></td>
</tr>
<tr>
<td width="100%"><a href="http://www.altavista.com" class="menulink" class=&{ns4class};>Altavista.com</a></td>
</tr>
</table>
</body>
</html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Menu Vertical utilizando Css" href="http://www.tutores.org/codigo/386/" target="_blank">Menu Vertical utilizando Css</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Menu Vertical utilizando Css" href="http://www.tutores.org/codigo/386/" target="_blank">Menu Vertical utilizando Css</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS