Menu horizontal desplegable
Menu horizontal desplegableVISTA PREVIA DEL MENU:
| Código: |
| <style media="all" type="text/css">@import "http://img22.xooimage.com/files/a/0/f/menu_style-ec8b43.css";</style> <div class="menu"> <ul> <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> <ul> <li><a href="http://www.sublink1.es.tl" target="_self">Sublink1</a></li> <li><a href="http://www.sublink2.es.tl" target="_self">Sublink2</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> </ul> </li> <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> <ul> <li><a href="http://www.sublink1.es.tl" target="_self">Sublink1</a></li> <li><a href="http://www.sublink2.es.tl" target="_self">Sublink2</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> </ul> <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> <ul> <li><a href="http://www.sublink1.es.tl" target="_self">Sublink1</a></li> <li><a href="http://www.sublink2.es.tl" target="_self">Sublink2</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> </ul> <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> <ul> <li><a href="http://www.sublink1.es.tl" target="_self">Sublink1</a></li> <li><a href="http://www.sublink2.es.tl" target="_self">Sublink2</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> </ul> </ul> </div> |
PARA COLOCAR EL MENU EN TU SITIO SIGUE ESTOS PASOS:
Puedes pegar el code en "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas).
Para ponerlo en cualquier parte de tu web puedes utilizar el code de objetos flotantes por coordenadas:
| Código: |
| <div style="position:absolute;left:6px;top:350px;"> CÓDIGO DEL MENU AQUI </div> |
Modifica el valor de left: mientras mas grande el número más a la derecha estará ubicado el menú.
Modifica el valor de top: mientras mas grande sea el número más abajo estará ubicado el menú.
Es cuestión de ir probando.
El code debe estar en "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas)
SI QUIERES AGREGAR MAS LINKS Y SUBLINKS SIGUE ESTOS PASOS:
Para poner mas sublinks agregá esto:
| Código: |
| <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> |
Para poner mas links agregá esto:
| Código: |
| <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> |
Si quieres poner más links y sublinks agregá esto:
| Código: |
| <li><a href="http://www.link1.es.tl" target="_self" >Link1</a> <ul> <li><a href="http://www.sublink1.es.tl" target="_self">Sublink1</a></li> <li><a href="http://www.sublink2.es.tl" target="_self">Sublink2</a></li> <li><a href="http://www.sublink3.es.tl" target="_self">Sublink3</a></li> </ul> |
