Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-07-2011, 18:20 (UTC)    
Título del mensaje: [Menú desplegable] HELP HELP!!

Hola, alguien me dice el codigo de un menu horizontal desplegable y como lo pongo debajo de el cabezal?? Uso diseño ICE BLUE!

Aviso del Moderador Luupa: Recuerda que el "Asunto" de la pregunta debe hacer referencia a la misma, esto nos ayuda a que funcione correctamente el buscador del foro. He corregido el mismo entre corchétes. Tenlo en cuenta la próxima vez que escribas un mensaje. Desde ya gracias por tu comprensión y colaboración! [Leer las normas de PWG]


Ultima edición por clan-team-devil-pro el Mie Jul 20, 2011 5:24 pm; editado 2 veces
Mensaje16-07-2011, 18:55 (UTC)    
Título del mensaje: Re: HELP HELP!!

Ya que nadie te ayuda con estos codigos Este es el menu desplegable cambia las urls de las paginas, los botones y nombres que tiene colocado por los tuyos y siempre el mismo nombre y tamaño (mayusculas o minusculas para que no se abra en diferentes pestañas los enlaces
Para modificar la posicion lo que esta en color es para modificar la altura y posicon ixquierda o derecha!

<style type="text/css" media="screen">
<!-- /*coolmenue*/

body
{ font-family: Arial, sans-serif; font-size: 11px;
overflow: auto; padding: 10px; margin: 0px; }

ul, li
{ list-style-type: none; padding: 0px; margin: 0px; }

div.menu
{ position: absolute; z-index: 3; top: 510px; left: 30%; margin:0px;
width:590px}

.menu li
{ width: 180px; float: left; }

.menu a
{
border: 1px solid #08F60F;
background-color:#000000;background-image:url(http://img.webme.com/pic/s/space-klick/button33.gif);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 12px;
display: block;
height: 17px;
color: #A106FB; }

.menu a:hover
{background-color: #ffffff;background-image:url(http://img.webme.com/pic/k/kameraauge/grau-rot-1but-mitte.png);padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 12px;
display: block;
height: 17px;
color: #FFFFFF; }


#smenu1, #smenu2, #smenu3
{ font-size: 12px;
display: none;
width: 180px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a
{ font-size: 12px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer; }
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block'; } }

function cache(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none'; } }
//-->
</script>

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://theprojectmaster.es.tl/Home.htm" target="_self">Inicio</a></li>
<li><a href="http://theprojectmaster.es.tl/-Iniciar-Secion.htm" target="_self">Iniciar Secion</a></li>
<li><a href="http://theprojectmaster.es.tl/Dejar-Comentarios.htm" target="_self">Comentarios</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Páginas Amigas</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://theprojectmaster.es.tl/P%E1ginas-Web-Amigas.htm" target="_self">Afilia tu Página</a></li>


</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Contacto</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://theprojectmaster.es.tl/Contacto-e-Inscripci%F3n.htm" target="_self">Contacto e Inscripcion</a></li>

</li>
</ul>
</div>


<style type="text/css">
<!--
td#nav_Inicio{display:none;}
td#nav_Iniciar Secion{display:none;}
td#nav_Comentarios{display:none;}
td#nav_Afilia tu Página{display:none;}
td#nav_Contacto e Inscripcion{display:none;}
-->
</style>



suerte con la Pagina web el ejemplo del menu desplegable lo veras en Theprojectmaster.es.tl es
Son los mismos codigos


Ultima edición por radioaktiv24 el Sab Jul 16, 2011 3:02 pm; editado 2 veces
Mensaje19-07-2011, 01:15 (UTC)    
Título del mensaje: Una duda mas?

Me dices que parte de todo ese codigo hace que el menu se ubique debajo del cabezal de mi WEP?


SALUDOS!!!
Mensaje19-07-2011, 07:22 (UTC)    
Título del mensaje: Re: Una duda mas?

clan-team-devil-pro escribió:
Me dices que parte de todo ese codigo hace que el menu se ubique debajo del cabezal de mi WEP?


SALUDOS!!!


hizo el mismo pedido en este hilo: http://www.paginawebgratis.es/forum/viewtopic.php?t=64223
por favor fijese bien antes de crear un hilo
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje20-07-2011, 19:04 (UTC)    
Título del mensaje: Gracias!

Si yo se, esque no se si no se buscar en el foro, pero tengo ya varios dias buscando y no encuentro aun lo qe qiero..
Mensaje21-07-2011, 05:25 (UTC)    
Título del mensaje: Re: Gracias!

clan-team-devil-pro escribió:
Si yo se, esque no se si no se buscar en el foro, pero tengo ya varios dias buscando y no encuentro aun lo qe qiero..


Hola,
Para evitar abrir mas temas con la misma pregunta, acercate a este tema y lee.
=> http://www.paginawebgratis.es/forum/viewtopic.php?t=63862
Saludos.
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group