Autor |
Mensaje |
-
rdc-abogados
Nuevo
|
15-12-2008, 08:23 (UTC) Título del mensaje: horizontal |
|
|
como se pone el menu en horizontal???
desplegable??? |
|
↑
|
|
|
-
javidj
Experto
|
|
↑
|
|
|
-
rdc-abogados
Nuevo
|
15-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 |
|
↑
|
|
|
-
javidj
Experto
|
15-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 |
|
↑
|
|
|
-
rdc-abogados
Nuevo
|
15-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
|
|
↑
|
|
|
-
tus-emoticones
Destacado
Ubicación: Venezuela.
|
15-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
|
|
↑
|
|
|
|