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> |
About
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum
odio, ac blandit ante orci ut diam.
Search
Sidebar Menu
Sponsors
Wise Words
"We can let circumstances rule us, or we can take charge and rule our lives from within."
- Earl Nightingale
Support Styleshout
If you are interested in supporting my work and would like to contribute, you are welcome to make a small donation through the donate link on my website - it will be a great help and will surely be appreciated.