Atom Blog

Como crear un Menu con Submenus en HTML decorado con CSS


En este nuevo post crearemos un menu que contenga submenus, cada uno de los cuales estara enlazado a paginas de este blog.
Utilizaremos herramientas de html/css para poder dar ciertos efectos a los menus.

Para crear el menu utilizaremos el siguiente codigo, que estara dentro de la etiqueta <body>.

<div id='subMenu'>
    <ul>   <!--Define la lista en si--> 
        <li> <a href="http://aflrovvs.blogspot.com/">  Inicio </a> </li>
        <li>
            <a href="http://aflrovvs.blogspot.com/p/descargas.html"> Descargas </a>
                <ul>
                     <li> <a href="https://skydrive.live.com/#cid=CB2C976AE9CB5D07&id=CB2C976AE9CB5D07%21278"> SkyDrive </a> </li>
                     <li> <a href="https://www.dropbox.com/sh/kotx2ml5a097vlv/C1YPyPd7QL"> DropBox </a> </li>
                    </ul>    
                </li>
                <li> <a href="http://aflrovvs.blogspot.com/p/sobre-mi.html">  Sobre Mi  </a> </li>
                <li> <a href="http://aflrovvs.blogspot.com/p/contacto.html">  Contacto </a> </li>
            </ul>
</div>

El cual contendra los submenus con sus respectivos enlaces y quedara de la siguiente manera:

1 comentario:

  1. Como hago para separar mas las palabras de l menu?
    se pegan mucho y no se pueden leer

    ResponderBorrar