domingo, 31 de octubre de 2010

Menú horizontal simple fácil y vistoso

Este menú es muy útil y fácil de poner en tu blog, en dos simples pasos lo tendrás funcionando


Menú horizontal simple fácil y vistoso


Para añadirlo a nuestro blog nos situaremos en Plantilla/Edición HTML.
Después de <head> /añadiremos lo siguiente:



<style type='text/css'>
      #chromemenu{
      width: 100%;
      font-weight: bold;
      font-size: 90%;
      }

      #chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
      content: ".";
      display: block;
      height: 1px;
      clear: both;
      visibility: hidden;
      }

      #chromemenu ul{
      border: 5px double #660000;
      width: 99%;
      background-color: #000000; center
      center repeat-x;
      padding: 5px 0;
      margin: 0;
      text-align: left; /*set value to "right" for example to align menu to the left of page*/
      }

      #chromemenu ul li{
      display: inline;
      }

      #chromemenu ul li a{
      color: #cccc66 ;
      padding: 5px;
      margin: 10;
      text-decoration: none;
      border-right: 3px double #660000;
      }

      #chromemenu ul li a:hover{
      background-color: #660000; center
      center repeat-x;
      }

      </style>

(en esta parte de código es donde podemos cambiar el color del menú)


Una vez guardados los cambios nos dirigimos a; Añadir un elemento de página/HTML Javascript donde añadiremos lo siguiente:


<div id="chromemenu">
<ul>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
</ul>
</div>

(En esta parte es donde podemos añadir los enlaces y el texto que será visible)

3 comentarios:

Julio C. Vega Sanchez dijo...

me quedo muy bien , quisiera cambiar la fuente,como se hace, poner sans-serif

Gracias

De todo para los blogger dijo...

Hola Julio , si,, ves probando ya me contaras
y gracias a ti

Azul dijo...

Hola buenos días, me gustaría mucho poner un menu horizontal y que delante de cada palabra fuera un corazoncito, lo he visto en algunos blogs, pero no lo doy encontrado. ¿Por favor serías tan amable de ayudarme? estoy un poco desesperada. Gracias

Publicar un comentario en la entrada

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones