Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-12-2008, 08:23 (UTC)    
Título del mensaje: horizontal

como se pone el menu en horizontal???

desplegable???
Mensaje15-12-2008, 08:37 (UTC)    
Título del mensaje: Re: horizontal

hola, esta pregunta ya se ha formulado varias veces, ademas disponemos de varios tutoriales.
con poner menu desplegable en el buscador, saldria por ejemplo esta pagina:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2517&highlight=horizontal

es un menu horizontal, tutorial
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje15-12-2008, 08:39 (UTC)    
Título del mensaje:

me puedes explicar donde se pone cada cosa es que no lo entiendo mu bn me harias el favor de pasarme uno rojo solo sin los link los link los compleot yo porfavor
Mensaje15-12-2008, 08:46 (UTC)    
Título del mensaje:

es que te daria lo mismo que está en ese tutorial, está bastante detallado. donde pone link1,link2 eso es donde debes colorar las direcciones
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje15-12-2008, 09:58 (UTC)    
Título del mensaje:



Ultima edición por rdc-abogados el Lun Dic 15, 2008 5:58 am; editado 1 vez
Mensaje15-12-2008, 13:35 (UTC)    
Título del mensaje:

Hola amigo, yo no hago menus pero te cree tu menu como dijiste, quedo + o -
Vista previa:



Esto lo colocas en Texto por encima de la pagina:

Código:
<style type="text/css">
body {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#marco { width:921px; margin:10px 0; padding:0px; text-align: left;}

.preload2 {background: url(http://pixelea.com/s/466f7d6b48.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://pixelea.com/s/466f7d6b48.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff; background:url(http://pixelea.com/s/466f7d6b48.gif);}
.menu2 li a.top_link:hover span { background:url(http://pixelea.com/s/466f7d6b48.gif)}
.menu2 li a.top_link:hover span.down { background:url(http://pixelea.com/s/466f7d6b48.gif)}
.menu2 li:hover > a.top_link {color:#000000; background:url(http://pixelea.com/s/466f7d6b48.gif);}
.menu2 li:hover > a.top_link span {background:url(http://pixelea.com/s/466f7d6b48.gif);}
.menu2 li:hover > a.top_link span.down {background:url(http://pixelea.com/s/466f7d6b48.gif);}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:6px; top:25px; background: #000000; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#000000 url(http://pixelea.com/s/466f7d6b48.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#000000; color:#FFFFFF;}
.menu2 :hover ul.sub li a.fly:hover {background:#000000 url(http://pixelea.com/s/466f7d6b48.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#000000}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #000000; background: #000000; z-index:300;}
</style>



Esto en un box:

Código:
<div style="position:absolute;left:40px;top:65px;">
<div id="marco">
<span class="preload2"></span>
<!--MENU-->
<ul class="menu2"><img src="http://pixelea.com/s/466f7d6b48.gif" align="left" /><img src="http://pixelea.com/s/466f7d6b48.gif" align="right"/>

<li class="top"><a href="http://rdc-abogados.es.tl/Home.htm" id="Home" class="top_link"><span class="down">Home</span>

<li class="top"><a href="http://rdc-abogados.es.tl/Areas.htm" id="Areas" class="top_link"><span class="down">Areas</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://rdc-abogados.es.tl/Derecho-de-Extranjeria.htm">Derecho de Extranjeria</a></li>
<li><a href="http://rdc-abogados.es.tl/Mercantil.htm">Mercantil</a></li>
<li><a href="http://rdc-abogados.es.tl/Civil.htm">Civil</a></li>
<li><a href="http://rdc-abogados.es.tl/Asesoramiento-Juridico.htm">Asesoramiento Juridico</a></li>
<li><a href="http://rdc-abogados.es.tl/Administrativo.htm">Administrativo</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="http://rdc-abogados.es.tl/Profesionales.htm" id="Profesionales" class="top_link"><span class="down">Profesionales</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://rdc-abogados.es.tl/Madrid.htm">Madrid</a></li>
<li><a href="http://rdc-abogados.es.tl/Andalucia.htm">Andalucia</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="http://rdc-abogados.es.tl/E_Mail-RDC-Abogados.htm" id="E-mail" class="top_link"><span class="down">E-mail</span>

<li class="top"><a href="http://rdc-abogados.es.tl/Contacto.htm" id="Contacto" class="top_link"><span class="down">Contacto</span>

<li class="top"><a href="http://rdc-abogados.es.tl/Intranet.htm" id="Intranet" class="top_link"><span class="down">Intranet</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://rdc-abogados.es.tl/E_Mails-RDC.htm">E Mails-RDC</a></li>
<li><a href="http://rdc-abogados.es.tl/Area-de-Trabajo.htm">Area de Trabajo</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- FIN MENU-->
</div>
</div>



Pero a cambio debes colocar en un box de tu web: "Con la ayuda de Tus-Emoticones.es.tl".

saludos.

______________
LO MAXIMO EN SMILEYS PARA MSN
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group