ultranight
CodigosCss
Menu horizontalVista previa
Código: |
<link rel="stylesheet" href="http://img26.xooimage.com/files/0/4/b/menu_style-e4ded6.css" type="text/css" /> <div id="menucontainer"> <div id="menunav"> <ul> <li><a href="http://pindoo.es.tl/" target="_self" title="Pindoo" class="current"><span>Pindoo</span></a></li> <li><a href="" target="_self" title="titulo"><span>titulo</span></a></li> <li><a href="" target="_self" title="titulo"><span>titulo</span></a></li> <li><a href="" target="_self" title="titulo"><span>titulo</span></a></li> <li><a href="" target="_self" title="titulo"><span>titulo</span></a></li> </ul></div></div> |
Menu horizontal
Vista Previa
Cita: |
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="http://img28.xooimage.com/files/2/c/e/styles-17eca5b.css" type="text/css" /> </head> <body> <hr /> <div id="menu"> <ul> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> <li><a href="URL>TEXTO</a></li> </ul> </div> </body> </html> |
Menu horizontal desplegable
VISTA 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> |