poder crear un menu diferente..ayuda en forma horizontal

This topic has 28 replies, 4 voices, and was last updated 17 years, 11 months ago by soporte77.

Viewing 14 posts - 16 through 29 (of 29 total)

← 1 2

Author

Posts
at #3798

imported_Ryan
Member

Hi,
I’m working on this right now. It’s quite complicated so I probably won’t get it done till the weekend sorry.

at #3799

soporte77
Member

ok..
muchas gracias..

para no complicarse..
los botones de los menu pueden ser con css , no una imagen..solo el INDICADOR1.gif y INDICADOR2.gif..
REVISANDO BIEN..REALMENTE DE LOS 3 MENU QUE SE PIDE..SON REALMENE 2..
POR QUE LOS DOS ULTIMOS SON PARECIDOS.SOLO QUE EL ULTIMO NO APAEQUE EL INDICADOR..

GRACIAS..
ESPERANDO SU RESPUESTA..

at #3800

imported_Ryan
Member

I’ve sent an example of what I have created so far just to check that I have understood the Spanish to English translation correctly.

at #3801

imported_Ryan
Member

Here is a demonstration of the menu:

https://geek.hellyer.kiwi/demo/test/dropline_demo_asesoria/

It is what is commonly called a "dropline menu". This is different from a "slider menu" like the ranchovista site uses, as the new lines are aligned to the left instead of dropping down directly below the top level menu items. I might add this functionality to the next version of the CSS generator.

This is the first menu of this type that I’ve ever created. If anyone sees any bugs in it then I’d love to hear what you have found.

at #3802

imported_Ryan
Member

[b:tm0y10bx]Tested in the following browsers:[/b:tm0y10bx]
IE5
IE5.5
IE6
IE7
IE8
Firefox 3
Opera 9.6
Google Chrome

at #3803

soporte77
Member

si muchas gracias…eso era..
puedo pedir lo ultimo
lo mismo en el menu, pero sin imagenes, solo los botones css o colores

done puedo bajar el codigo css de este ultimo menu..

gracias..

at #3804

soporte77
Member

DONDE PUEDO BAJAR ESE CODIGO CSS DEL ULTIMO MENU

COMO COMENTARIO
LE MANDARE UNA IMAGENE MEJOR PARA COMENTAR

at #3805

imported_Ryan
Member

Hi,
I’m at work right now but will reply later tonight with full details on how to get the menu working in WordPress.

at #3806

imported_Ryan
Member

To get the menu working with the WordPress plugin, add the following to your theme:

[code:1ixomket]<div id="mainmenu_wrapper">
<div id="mainmenu">
<?php if (function_exists(‘suckerfish’)) {suckerfish();} ?>
</div>
</div>[/code:1ixomket]

I’ll post back with new CSS minus images shortly.

at #3807

imported_Ryan
Member

CSS with [b:1l8emebi]no images[/b:1l8emebi]:
[code:1l8emebi]#mainmenu_wrapper {background:#B1E512;width:846px;height:24px;margin:0}
#mainmenu {float:left;text-align:left}
#mainmenu ul {position:relative;margin:0;padding:0;height:24px;list-style:none;width:100%}
#mainmenu li {text-align:center;width:126px;background:red;background-position:0 0;height:24px;line-height:24px;letter-spacing:0;font-weight:bold;font-size:0.75em;margin:0;padding:0;float:left;font-family:helvetica,sans-serif}
#mainmenu li:hover {background:green;background-position:0 -24px;}
#mainmenu li a {text-decoration:none;display:block;padding:0 15px;line-height:24px;color:#000000;letter-spacing:0.1em;text-transform:uppercase}
#mainmenu li a:hover {text-decoration:none;color:#dd0000}
#mainmenu ul ul,#mainmenu ul ul ul {position:absolute;left:-999em;height:24px;margin:0}
#mainmenu li {height:24px}
#mainmenu li:hover ul,#mainmenu li.sfhover ul {background:blue;background-position:0 -96px;width:846px;position:absolute;left:0;margin:0;padding:0;height:24px;}
#mainmenu li:hover ul ul,#mainmenu li.sfhover ul ul {left:-999em}
#mainmenu li li:hover ul,#mainmenu li li.sfhover ul {position:absolute;left:0}
#mainmenu li li,#mainmenu li li li {width:121px;font-family:tahoma,geneva,sans-serif;font-size:1em;font-weight:normal;font-style:normal;background:pink;background-position:0 -48px;float:left;height:24px}
#mainmenu ul ul li a {display:block;height:24px;line-height:24px;color:#5F6755;padding:0 10px}
#mainmenu ul ul li:hover,#mainmenu ul ul li:hover,#mainmenu ul ul li.sfhover {background:yellow;background-position:0 -72px}
[/code:1l8emebi]

CSS [b:1l8emebi]with images[/b:1l8emebi]:
[code:1l8emebi]
#mainmenu_wrapper {background:#B1E512;width:846px;height:24px;margin:0}
#mainmenu {float:left;text-align:left}
#mainmenu ul {position:relative;margin:0;padding:0;height:24px;list-style:none;width:100%}
#mainmenu li {text-align:center;width:126px;background:url(‘menu.png’);background-position:0 0;height:24px;line-height:24px;letter-spacing:0;font-weight:bold;font-size:0.75em;margin:0;padding:0;float:left;font-family:helvetica,sans-serif}
#mainmenu li:hover {background:url(‘menu.png’);background-position:0 -24px;}
#mainmenu li a {text-decoration:none;display:block;padding:0 15px;line-height:24px;color:#000000;letter-spacing:0.1em;text-transform:uppercase}
#mainmenu li a:hover {text-decoration:none;color:#dd0000}
#mainmenu ul ul,#mainmenu ul ul ul {position:absolute;left:-999em;height:24px;margin:0}
#mainmenu li {height:24px}
#mainmenu li:hover ul,#mainmenu li.sfhover ul {background:url(‘menu.png’);background-position:0 -96px;width:846px;position:absolute;left:0;margin:0;padding:0;height:24px;}
#mainmenu li:hover ul ul,#mainmenu li.sfhover ul ul {left:-999em;}
#mainmenu li li:hover ul,#mainmenu li li.sfhover ul {position:absolute;left:0;}
#mainmenu li li,#mainmenu li li li {width:121px;font-family:tahoma,geneva,sans-serif;font-size:1em;font-weight:normal;font-style:normal;background:url(‘menu.png’);background-position:0 -48px;float:left;height:24px}
#mainmenu ul ul li a {display:block;height:24px;line-height:24px;color:#5F6755;padding:0 10px}
#mainmenu ul ul li:hover,#mainmenu ul ul li:hover,#mainmenu ul ul li.sfhover {background:url(‘menu.png’);background-position:0 -72px}
[/code:1l8emebi]

at #3808

imported_Ryan
Member

Have I answered all your questions? The translation from Google translator was difficult to understand.

at #3809

soporte77
Member

SALUDOS..
ESTE MENU , PERO QUE SE VEA UNA PESTAÃ‘A O IMAGEN AL PASAR SOBRE CADA MENU

GRACIAS

#mainmenu_wrapper {background:#B1E512;width:846px;height:24px;margin:0}
#mainmenu {float:left;text-align:left}
#mainmenu ul {position:relative;margin:0;padding:0;height:24px;list-style:none;width:100%}
#mainmenu li {text-align:center;width:126px;background:red;background-position:0 0;height:24px;line-height:24px;letter-spacing:0;font-weight:bold;font-size:0.75em;margin:0;padding:0;float:left;font-family:helvetica,sans-serif}
#mainmenu li:hover {background:green;background-position:0 -24px;}
#mainmenu li a {text-decoration:none;display:block;padding:0 15px;line-height:24px;color:#000000;letter-spacing:0.1em;text-transform:uppercase}
#mainmenu li a:hover {text-decoration:none;color:#dd0000}
#mainmenu ul ul,#mainmenu ul ul ul {position:absolute;left:-999em;height:24px;margin:0}
#mainmenu li {height:24px}
#mainmenu li:hover ul,#mainmenu li.sfhover ul {background:blue;background-position:0 -96px;width:846px;position:absolute;left:0;margin:0;padding:0;height:24px;}
#mainmenu li:hover ul ul,#mainmenu li.sfhover ul ul {left:-999em}
#mainmenu li li:hover ul,#mainmenu li li.sfhover ul {position:absolute;left:0}
#mainmenu li li,#mainmenu li li li {width:121px;font-family:tahoma,geneva,sans-serif;font-size:1em;font-weight:normal;font-style:normal;background:pink;background-position:0 -48px;float:left;height:24px}
#mainmenu ul ul li a {display:block;height:24px;line-height:24px;color:#5F6755;padding:0 10px}
#mainmenu ul ul li:hover,#mainmenu ul ul li:hover,#mainmenu ul ul li.sfhover {background:yellow;background-position:0 -72px}

at #3810

imported_Ryan
Member

Sorry, but I don’t understand.

at #3811

soporte77
Member

LE MANDE UN EMAIL , EXPLICANDO MEJOR
Author

Posts