Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-11-2008, 21:46 (UTC)    
Título del mensaje: ayuda con menu horizontal

hola yo necesito un menu horizontal facil de hacer y que si puedes ser q sea negro gracias
______________

Mensaje07-11-2008, 21:47 (UTC)    
Título del mensaje:

Sigue este tema, te sera util:

>>Ver Tema.
______________
Antes de Preguntar, siempre utiliza el Buscador del Foro
LaMejorMusicaOnline > Renace new Web:
Mensaje07-11-2008, 21:47 (UTC)    
Título del mensaje: si no te distes cuenta hay avia uno

Código:
<style type="text/css"> #MainMenu { width:100%; height:38px; background: url('http://80.190.202.79/pic/s/samanyolu35/bmid_040.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat right top; margin:0; padding:0; text-decoration:none; border:0px none; display:block; float:left } #tab a span { display:block; background:url('http://80.190.202.79/pic/s/samanyolu35/bleft_040.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } #tab a:hover, #tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span, #tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid #330066; background: url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif'); color:#000000; z-index:100; text-decoration:none; padding:0 } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 ; padding:0; display:block; border:0px solid #000000; color:#000000; background:url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url('http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif') no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0 } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0px solid #000000; background-position: left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000 } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>  <script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chrome.js"></script> <style type="text/css"> #MainMenu { width:100%; height:38px; background: url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0 0 0 0 ; padding:0; } #tab a { background:#000000 url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; } #tab a span { display:block; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; font-weight:bold; line-height:38px; } #tab a:hover,#tab li.item_active a { background-position:right bottom; border-color:#000000; } #tab a:hover span,#tab li.item_active a span { background-position:left bottom; color:#000000; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid #330066; background: url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif"); color:#000000; z-index:100; text-decoration:none; padding:0; } .dropmenudiv ul { margin:0; padding:0; list-style:none; } .dropmenudiv li { display:inline; margin:0; padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited { width:180px; margin:0 0 0 0 ; padding:0; display:block; border:0 solid #000000; color:#000000; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:38px; background:url("http://img516.imageshack.us/img516/9346/navazzurrodasdasdownhb7.gif") no-repeat right top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#000000; } .dropmenudiv a span { float:none; } .dropmenudiv a:hover { border:0 solid #000000; background-position:left bottom; font-weight:bold; font-style:normal; text-decoration:none; color:#000000; } .dropmenudiv a:hover span { background-position:right bottom; color:#000000; font-weight:bold; } </style>
<div id="MainMenu">
<div id="tab">
<ul>
   <li><a href="URL"><span>Home</span></a></li>
    </ul>
</div>
</div>



Donde dice URL va la dirreccion a donde quieras que valla el codigo

Ejemplo:

Creas Una Pagina llamda Hola esa pagina cuando la guardas dira tu pagina.es.tl/hola eso es lo que tienes que pegar donde dice URL donde dice home
si quieres que diga hola sustituye el nombre home saldra hola

Si vas a poner mas copia esta linea debajo de la misma

Código:
Código:
<li><a href="URL"><span>Home</span></a></li>



Y lo editas a tu manera asi como te explique


Ultima edición por spre4dsheets el Vie Nov 07, 2008 5:49 pm; editado 1 vez
Mensaje07-11-2008, 23:44 (UTC)    
Título del mensaje:

Una alternativa sencilla es utilizar este generador:
http://www.opencube.com/qmv_vdesign/launch_quickmenu.html
Con el podrás crear menús Online en base a distintos templates y personalizarlo a tu gusto. Luego haces click en "Save" y tienes el code de tu menú....

Salu2!
Mensaje08-11-2008, 11:48 (UTC)    
Título del mensaje:

yo busco un menu horizontable en negro xq tengo pensado hacer una platilla negra
______________

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group