Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-10-2009, 18:59 (UTC)    
Título del mensaje: ayuda con el menu horizontal!!!

acabo de hacer un menu horizontal en una pagina llamada
http://www.cssmenumaker.com

hice todos los pasos para crear un menu y a lo ultimo lo descarge.
abri la carpeta donde lo descarge y me aparecia un documento y un acceso directo a internet.
abri el acceso directo y me aparecia esto;


Cita:
1) Upload the "Menu" folder to the root directory of your website.

2) Copy and paste the code below to the desired spot in your site.


<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="" target="_self" class="top_link"><span>Help-4-pwg</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/pagina-principal.htm" target="_self">Pagina principal</a></li>
<li><a href="http://help-4-pwg.es.tl/registrate.htm" target="_self">registrarse</a></li>
<li><a href="http://help-4-pwg.es.tl/iniciar-sesi%F3n.htm" target="_self">iniciar sesión</a></li>
</ul>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Tutoriales</span></a>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Codigos</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/html.htm" target="_self">html</a></li>
<li><a href="http://help-4-pwg.es.tl/javascript.htm" target="_self">javascript</a></li>
</ul>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Plantillas</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/ice_blue.htm" target="_self">ice-blue</a></li>
<li><a href="http://help-4-pwg.es.tl/Css.htm" target="_self">css</a></li>
</ul>
</li>
<li class="top"><a href="http://help-4-pwg.es.tl/generadores.htm" target="_self" class="top_link"><span>generadores</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/Generador-de-cabezales.htm" target="_self">de cabezales</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-estructura.htm" target="_self">de estructura</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-menu-horizontal.htm" target="_self">de menu horizontal</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-fondos-.htm" target="_self">de fondos</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-menu-vertical.htm" target="_self">de menu vertical</a></li>
</ul>
</li>
<li class="top"><a href="mailto:iker_casillas1rm6@hotmail.com" target="_self" class="top_link"><span>contactanos</span></a>
</li>
</ul>
</div>



luego abri el documento de texto y decia:


Cita:
.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

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

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

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :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;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}


lo pegue todo en mi pagina web(http://help-4-pwg.es.tl/) y se veia aci


por que no se ve vien?
alguien me puede ayudar a solucionar el problema


Ultima edición por clan-conquistador el Sab Oct 24, 2009 3:05 pm; editado 3 veces
Mensaje24-10-2009, 19:04 (UTC)    
Título del mensaje: hey

HEY OPUES EL PRIMER CODIGO C PEGA EN DONDE SE ADAPTA EL MENU EN LA PARTE DONDE VA A ETSRA PERO ESO TIENES K ADAPTARLO BIEN BIEN OK Y EL SEGUNDO CODIGO SE PAGA EN CSS STYLE TAGS
______________


Ultima edición por crazymotion el Sab Oct 24, 2009 3:04 pm; editado 1 vez
  • leolinks

    leolinks

    Nuevo

    Ubicación: Pais Panamà Provincia Panamà Ciudad : Ciudad de Panamà , Distrito : condado del rey (375)

Mensaje24-10-2009, 19:09 (UTC)    
Título del mensaje:

NO TE SERVIRA MUCHO MI AYUDA
en realidad yo no entiendo mucho lo que te ha pasado , si ese codigo te destruye por completo la web deberias hacer otro menu.
en vez de hacer eso te recomiendo hacerlo de manera simple
en flashvortex.com , aunque todos los menus cuando los ves salen en vertical cuando los vas a editar para tu web tu puedes hacer que el menu salga horizontal , como en la mia que uso el diseño planet que es vertical pero lo edite para que fuera horizontal. es muy simple y apenas haces el menu te da el codigo , aveces tienes que editar el codigo para colocar el menu en la parte donde quieres. pero como veo que en tu web tienes muchas muchas secciones te durara algo de tiempo terminar. pero sirve de mucho y es reketefacil!!
______________
http://leolinks.es.tl/
Entra ya!
Mensaje24-10-2009, 19:11 (UTC)    
Título del mensaje: Re: hey

crazymotion escribió:
HEY OPUES EL PRIMER CODIGO C PEGA EN DONDE SE ADAPTA EL MENU EN LA PARTE DONDE VA A ETSRA PERO ESO TIENES K ADAPTARLO BIEN BIEN OK Y EL SEGUNDO CODIGO SE PAGA EN CSS STYLE TAGS


osea que solo sirve en el diseño css-desing??
Mensaje15-12-2009, 02:59 (UTC)    
Título del mensaje:

que es CSS STYLE TAGS donde se pega CSS STYLE TAGS me pueden decir....xD
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group