Tutoriales Gratis - Simple menu con Estilos Css

Estas aqui: Portada

tutoriales

CSS

Simple menu con Estilos Css

martes, 01 de agosto de 2006

Simple menu con Estilos Css Este menu es altamente configurable y muy sencillo aunque tiene un efecto como resultado bastante asombroso.
Podemos agregar tantos botones como queramos solo con incluir mas botones como aparecen en las ultimas lineas.

Codigo:

<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>

<head>
<style>
#mensaje div.barra_menu,
#mensaje div.barra_menu a.boton_menu {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #000000;
}
#mensaje div.barra_menu {
background-color: #cc9900;
padding: 6px 2px 6px 2px;
text-align: center;
margin-left:20px;
}
#mensaje div.barra_menu a.boton_menu {
background-color: transparent;
border: 1px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
color: #000000;
cursor: pointer;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
xposition: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}
#mensaje div.barra_menu a.boton_menu:hover {
background-color: transparent;
border-color: #909090 #f0f0f0 #f0f0f0 #909090;
color: #000000;
}
</style>
</head>
<body>
<table align="center"><tr><td>
<DIV id="mensaje"><div class="barra_menu">
<a class="boton_menu" href="#">Tutores.org</a>
<a class="boton_menu" href="#">Yahoo.com</a>
<a class="boton_menu" href="#">Google.com</a>
<a class="boton_menu" href="#">Altavista.com</a>
<a class="boton_menu" href="#">Aol.com</a>
</div></div>
</td></tr></table>
</body>

Fuente: tutores.org

< Anterior		Siguiente >

Usuarios

Sindicación

Webs Amigas
Mucho Grafico Recursos Gratuitos para Webmasters Tutoriales y Foro de Diseño Recursos Oracle Infected FX Noticias Informaticas Noticias Gadget Intercambio de Links

Usuarios

Sindicación

Tutoriales

Encuestas

Articulos para tu Web

Noticias

Usuarios en Línea