Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-08-2008, 08:48 (UTC)    
Título del mensaje: Ayuda para menu en la parte de arriba

Hola me gustaria saber como poner arriba de la pagina un menu que si el raton esta encima de la palabra(sin pinchar) se abre una lista de palabras que si le das es como un menu
______________
Mensaje16-08-2008, 14:01 (UTC)    
Título del mensaje:

Una opción puede ser el menú horizontal de Digo, solo que tendrás que hacer click en los links para que se despleguen las opciones.

Aquí está el menú:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2517
Si te es complicado hacerlo Digo puede hacerlo por tí en el Taller. Recuerda dejarle todos los datos que requiere:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4855

Salu2!
Mensaje17-08-2008, 08:19 (UTC)    
Título del mensaje: ola

Ahora que lo veo no entiendo na de ninguna de esas dos paginas
______________
Mensaje17-08-2008, 09:12 (UTC)    
Título del mensaje:

Lo que tu pediste se llama Menú Desplegable y creo Tokarg te refirió al experto en el tema que es Diego Venegas.

Siéntate con tranquilidad, en uno de los enlaces está el taller de Diego, a él solo tienes que decirle como lo quieres y él te lo prepara. No te desesperes que el que tiene que entender el código es él.
http://www.paginawebgratis.es/forum/viewtopic.php?t=4855


Ten paciencia que las cosas no se aprenden de un día para otro y asegúrate de seguir las normas del taller que son sencillas.
http://www.paginawebgratis.es/forum/viewtopic.php?t=3783
______________
Baúl de Criaturas Mágicas
Mensaje17-08-2008, 11:10 (UTC)    
Título del mensaje: una pregunta

no hay un codigo html para hacer todo esto modificando solo el color los links y la palabras y que sea solo un codigo?
______________
Mensaje17-08-2008, 14:53 (UTC)    
Título del mensaje:

Bueno si quieres hacer el trabajo tu mismo este es el código del menú. Edítalo a tu gusto:
Código:
<style type="text/css">
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    }
#marco {
    width:455px;
    margin:10px 0;
    padding:0px;
    text-align:left;
    }

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/fd_menu.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:#333; 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 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff;  background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}

.menu2 li:hover > a.top_link {color:#fff; background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

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

/* keep the 'next' level invisible by placing it off screen. */
.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: #fff; 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 #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#005FB9; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.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://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC}

.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 #005FB9; background: #fff; z-index:300;}
</style>
</head>
<body>
<div id="marco">
<span class="preload2"></span>
<!--MENU-->
<ul class="menu2"><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_izq.gif" align="left" /><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_der.gif" align="right"/>

<li class="top"><a href="#" id="Menu1" class="top_link"><span class="down">Menu1</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="#">Link 1.1</a></li>
<li><a href="#">Link 1.2</a></li>
<li><a href="#">Link 1.3</a></li>
<li><a href="#">Link 1.4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu2" class="top_link"><span class="down">Menu2</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="sub">
<li><a href="#">Link 2.1</a></li>
<li><a href="#">Link 2.2</a></li>
<li><a href="#">Link 2.3</a></li>
<li><a href="#">Link 2.4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu3" class="top_link"><span class="down">Menu3</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">

<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>

<li class="mid"><a href="#" class="fly">Link 3.3
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link 3.3.1</a></li>
<li><a href="#">Link 3.3.2</a></li>
<li><a href="#">Link 3.3.3</a></li>

<li><a href="#">Link 3.3.4</a></li>
</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="mid"><a href="#" class="fly">Link 3.4
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link 3.4.1</a></li>
<li><a href="#">Link 3.4.2</a></li>
<li><a href="#">Link 3.4.3</a></li>
<li><a href="#">Link 3.4.4</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul>
<!-- FIN MENU-->
Mensaje17-08-2008, 15:20 (UTC)    
Título del mensaje: ok

y esto no me borrara el menu de la izquierda?
y que cosas tengo que editar?
______________
Mensaje17-08-2008, 15:26 (UTC)    
Título del mensaje:

No te borra nada. Te agraga un nuevo menú en, por ejemplo, "Texto por encima de la página".
Amigo pense que sabías que era lo que tenías que editar y por eso pedías el HTML. Hay mucho que editar!.

En la parte que dice:
Código:
<li class="top"><a href="URL AL HACER CLICK EN MENU 1" id="Menu1" class="top_link"><span class="down">NOMBRE MENÚ 1</span>

En donde dice:
Código:
<ul class="sub">
<li><a href="URL DEL LINK 1">Nombre Link 1.1</a></li>
<li><a href="URL DEL LINK 2">Nombre Link 1.2</a></li>
<li><a href="URL DEL LINK 3">Nombre Link 1.3</a></li>
</ul>

Luego donde aparecen gifts debes colocar las imágenes que formarán tu link.

Es muy extenso explicarlo debes tener conocimientos de HTML para poder hacerlo solo. De lo contrario pídelo en el taller a su creador!:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4855

Salu2!
Mensaje24-11-2008, 21:29 (UTC)    
Título del mensaje: hola

hola como estas donde se pone este codigo en que parte
Mensaje24-11-2008, 21:36 (UTC)    
Título del mensaje: Depende

De que diseño quieras Tokarg tienes unos tutos hay hay te explican bien como es creo que es este y para que no sigas preguntando aqui te lo mando

http://www.paginawebgratis.es/
______________
Mensaje24-11-2008, 22:15 (UTC)    
Título del mensaje:

Te refieres a dónde pegar un menú?, puedes hacerlo en "Texto por encima de la página" (editar diseño/configuraciones avanzadas) o utilizar este code:
Cita:
<div style="position:absolute;left:6px;top:350px;">
CODE DEL MENÚ AQUÍ
</div>

Solo tienes que modificar el valor numérico de top y left para mover el menú a una determinada coordenada de tu página. Pega el code el "Texto por encima de la página".

Salu2!
Mensaje26-11-2008, 19:52 (UTC)    
Título del mensaje:

Cómo le Agrego secciones al 2do menú que diste TOK-AR ???

Muchas Gracias.

Webmaster .:: Remixador Emi ::.
Mensaje26-11-2008, 19:55 (UTC)    
Título del mensaje:

¿A cuál de ellos te refieres?

Salu2!
Mensaje26-11-2008, 19:57 (UTC)    
Título del mensaje:

A este:

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

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/fd_menu.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:#333; 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 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff;  background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}

.menu2 li:hover > a.top_link {color:#fff; background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

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

/* keep the 'next' level invisible by placing it off screen. */
.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: #fff; 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 #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#005FB9; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.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://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC}

.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 #005FB9; background: #fff; z-index:300;}
</style>
</head>
<body>
<div id="marco">
<span class="preload2"></span>
<!--MENU-->
<ul class="menu2"><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_izq.gif" align="left" /><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_der.gif" align="right"/>

<li class="top"><a href="#" id="Menu1" class="top_link"><span class="down">Menu1</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="#">Link 1.1</a></li>
<li><a href="#">Link 1.2</a></li>
<li><a href="#">Link 1.3</a></li>
<li><a href="#">Link 1.4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu2" class="top_link"><span class="down">Menu2</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="sub">
<li><a href="#">Link 2.1</a></li>
<li><a href="#">Link 2.2</a></li>
<li><a href="#">Link 2.3</a></li>
<li><a href="#">Link 2.4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu3" class="top_link"><span class="down">Menu3</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">

<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>

<li class="mid"><a href="#" class="fly">Link 3.3
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link 3.3.1</a></li>
<li><a href="#">Link 3.3.2</a></li>
<li><a href="#">Link 3.3.3</a></li>

<li><a href="#">Link 3.3.4</a></li>
</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="mid"><a href="#" class="fly">Link 3.4
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Link 3.4.1</a></li>
<li><a href="#">Link 3.4.2</a></li>
<li><a href="#">Link 3.4.3</a></li>
<li><a href="#">Link 3.4.4</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul>
<!-- FIN MENU-->
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group