Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Css
Code

Css - Simple menu con Estilos Css

Códigos 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.
Visitas: 24,656 - 23/07/2004 19:47:34
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <head>
  2. <style>
  3. #mensaje div.barra_menu,
  4. #mensaje div.barra_menu a.boton_menu {
  5.   font-family: Verdana, Arial, sans-serif;
  6.   font-size: 8pt;
  7.   color: #000000;
  8. }
  9. #mensaje div.barra_menu {
  10.   background-color: #cc9900;
  11.   padding: 6px 2px 6px 2px;
  12.   text-align: center;
  13.   margin-left:20px;
  14. }
  15. #mensaje div.barra_menu a.boton_menu {
  16.   background-color: transparent;
  17.   border: 1px solid;
  18.   border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  19.   color: #000000;
  20.   cursor: pointer;
  21.   left: 0px;
  22.   margin: 1px;
  23.   padding: 2px 6px 2px 6px;
  24.   xposition: relative;
  25.   text-decoration: none;
  26.   top: 0px;
  27.   z-index: 100;
  28. }
  29. #mensaje div.barra_menu a.boton_menu:hover {
  30.   background-color: transparent;
  31.   border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  32.   color: #000000;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <table align="center"><tr><td>
  38. <DIV id="mensaje"><div class="barra_menu">
  39. <a class="boton_menu" href="#">Tutores.org</a>
  40. <a class="boton_menu" href="#">Yahoo.com</a>
  41. <a class="boton_menu" href="#">Google.com</a>
  42. <a class="boton_menu" href="#">Altavista.com</a>
  43. <a class="boton_menu" href="#">Aol.com</a>
  44. </div></div>
  45. </td></tr></table>
  46. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Simple menu con Estilos Css" href="http://www.tutores.org/codigo/1205/" target="_blank">Simple menu con Estilos Css</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
15-03-2009 21:45:08
2 5
buen codigo amigo, esta vez me salvaste!! funciona a la perfección.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.