Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-12-2008, 16:25 (UTC)    
Título del mensaje: AYUDA URGENTE POR FAVOR ( codigo de menú horizontal )

HOLA BUEN DIA NECESITO AYUDA CON UN CODIGO PARA MENU HORIZONTAL.. NO TENGO MENU EN MI WEB Y ES SUMAMENTE IMPORTANTE PARA MI PODER TENERLO. MI PLANTILLA ES CSS. NO IMPORTA QUE TIPO DE BOTONES SEA. PERO DE VERDAD NECESITO AYUDAAAAAA

Aviso del Moderador "nixoweb":
[El "Asunto" de la pregunta debe hacer referencia a la misma. He corregido el mismo entre paréntesis]
Desde ya gracias por su comprensión y colaboración!


Ultima edición por concepts el Mie Dic 24, 2008 1:04 pm; editado 1 vez
Mensaje24-12-2008, 16:30 (UTC)    
Título del mensaje: sigue este tema

mira
sigue este tema
http://www.paginawebgratis.es/forum/viewtopic.php?t=2517&highlight=menus
pasa x mi web
______________


Mensaje24-12-2008, 16:34 (UTC)    
Título del mensaje: Re: sigue este tema

cdxcatolica escribió:





ANTES DE TODO DESEO DARTE LAS GRACIAS POR TU APORTE. PERO ESE CODIGO YA LO HE PROBADO Y ME DESCONFIGURA MI PLANTILLA. NECESITO ALGO UN POCO MAS SENCILLO YA QUE DE VERDAD ESA PLANTILLA ES UN POCO DELICADA. DE CUALQUIER COSA SE INCOMODA Y HACE LO QUE LE PLASCA... AYUDAAAAAAA
Mensaje24-12-2008, 16:36 (UTC)    
Título del mensaje:

Si! con ese tutorial yo hago los menus, puedes ver un ejemplo en la web de cdxcatolica, ese menu lo hice yo...

Si te resulta muy dificil puedes pedirme un menu en mi Taller...

Salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje24-12-2008, 16:40 (UTC)    
Título del mensaje:

tus-emoticones escribió:
Si! con ese tutorial yo hago los menus, puedes ver un ejemplo en la web de cdxcatolica, ese menu lo hice yo...

Si te resulta muy dificil puedes pedirme un menu en mi Taller...

Salu2.




AYUDAME AMIGO POR FAVOR. DE VERDAD ESTOY PERDIENDO DINERO POR NO ESTAR CON MIS BOTONES. ES UNA PAGINA INFORMATIVA Y DE PUBLICIDAD. NECESITO AYUDA POR FAVOR.
Mensaje24-12-2008, 16:43 (UTC)    
Título del mensaje:

Amigo, pideme un menu aqui: http://paginawebgratis.es/forum/viewtopic.php?t=18934

Salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje24-12-2008, 16:45 (UTC)    
Título del mensaje:

Este es el code de DiegoVenegas.es.tl por favor solo llena los campos de link y # o si eres experto muevele lo que quieras, en caso de que no, puede que tu menu no se vea en algunos navegadores, el code si funciona es la base de nuestro menu.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Probando Menu Horizontal Desplegable</title>

<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-->
</div>
</body>
</html>



Recibe un cordial saludo,

El equipo de Luupa.es.tl
______________
Mensaje24-12-2008, 17:03 (UTC)    
Título del mensaje:

luupa escribió:
Aviso del Moderador "nixoweb":
[No hace falta citar cuando son mensajes muy largos]
Desde ya gracias por su comprensión y colaboración!


ESTO ES EXACTAMENTE LO QUE ESTOY BUSCANDO. PERO TENGO UN PROBLEMA CON ESTE CODIGO. LA BARRA DE LOS BOTONES ES MUY GRANDE Y ME GUSTARIA CAMBIARLA A ALGO MAS PEQUENO Y NO SE A DONDE. PUEDES PONERLA UN POCO MAS PEQUENA POR FAVOR?


Ultima edición por concepts el Mie Dic 24, 2008 6:49 pm; editado 1 vez
Mensaje24-12-2008, 17:54 (UTC)    
Título del mensaje:

Puedes diseñar tus propios botones del tamaño que desees haciendo una sucesión de distintas imágenes (Una imágen al lado de la otra que vallan conformando el menú y cada imágen con su respectivo vínculo), para ello utiliza este code:
Código:
<DIV align=center>
<A
href="URL DEL LINK 1"><IMG
src="URL DE LA IMÁGEN 1" border=0></A>
<A
href="URL DEL LINK 2"><IMG
src="URL DE LA IMÁGEN 2" border=0></A>
<A
href="URL DEL LINK 3"><IMG
src="URL DE LA IMÁGEN 3" border=0></A>
<A
href="URL DEL LINK 4"><IMG
src="URL DE LA IMÁGEN 4" border=0></A>
</DIV>


Salu2!
Mensaje24-12-2008, 20:48 (UTC)    
Título del mensaje:

luupa escribió:
Aviso del Moderador "nixoweb":
[No hace falta citar cuando hay mensajes muy largos]
Desde ya gracias por su comprensión y colaboración!


una pregunta con respecto a ese codigoo.. como lo hago para ponerlo debajo del encabezado?,


Ultima edición por kyliequeen el Mie Dic 24, 2008 6:50 pm; editado 1 vez
Mensaje24-12-2008, 21:22 (UTC)    
Título del mensaje:

luupa escribió:
Aviso del Moderador "nixoweb":
[No hace falta citar cuando hay mensajes muy largos]
Desde ya gracias por su comprensión y colaboración!


eso mismo he pedido de mil maneras amigo y es tan dificil que nos contesten. pero nada. solamente nos cuesta esperar


Ultima edición por concepts el Mie Dic 24, 2008 6:50 pm; editado 1 vez
Mensaje24-12-2008, 22:51 (UTC)    
Título del mensaje:

Pueden intentarlo con el código de pirro:
Explicación:

www.nixoweb.es.tl/C%F3digo-de-Pirro-_-Explicaci%F3n.htm
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group