Autor |
Mensaje |
-
clan-team-devil-pro
Nuevo
Ubicación: Cyber Spacio
|
16-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
|
|
↑
|
|
|
-
radioaktiv24
Nuevo
|
16-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
|
|
↑
|
|
|
-
clan-team-devil-pro
Nuevo
Ubicación: Cyber Spacio
|
19-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!!! |
|
↑
|
|
|
-
javidj
Experto
|
19-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 ______________
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 |
|
↑
|
|
|
-
clan-team-devil-pro
Nuevo
Ubicación: Cyber Spacio
|
20-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.. |
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
21-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. ______________ |
|
↑
|
|
|
|