poder crear un menu diferente..ayuda en forma horizontal

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

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

← 1 2

Author

Posts
October 16, 2008 at 8:29 am #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.

October 16, 2008 at 10:22 am #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..

October 17, 2008 at 12:49 am #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.

October 17, 2008 at 6:07 am #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.

October 17, 2008 at 8:55 am #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

October 23, 2008 at 1:57 pm #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..

October 23, 2008 at 2:06 pm #3804

soporte77
Member

DONDE PUEDO BAJAR ESE CODIGO CSS DEL ULTIMO MENU

COMO COMENTARIO
LE MANDARE UNA IMAGENE MEJOR PARA COMENTAR

October 23, 2008 at 9:34 pm #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.

October 24, 2008 at 7:58 am #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.

October 24, 2008 at 8:04 am #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]

October 24, 2008 at 8:04 am #3808

imported_Ryan
Member

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

November 16, 2008 at 2:06 am #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}

November 16, 2008 at 11:57 am #3810

imported_Ryan
Member

Sorry, but I don’t understand.

November 16, 2008 at 2:14 pm #3811

soporte77
Member

LE MANDE UN EMAIL , EXPLICANDO MEJOR
Author

Posts