second line menu

Dear Sirs,

this is my problem:

I do I need to add new menu items in the home and let me know if you can create a second line (black) under the menu in black. I enclose a sample image. please is very important for me to add a second line.

Walter

site: www.calciodonne.it

menu.jpg

pls, pls, pls... can I have your reply?

Hi

This is harder than it looks ;/

Will this menu has submenus or will it be only in one line ?

will be only one row

Hi

If it's gonna be in one row than the items should be pulled to the second row without an effort. All You would need to do is to change the backgroun image /images/menu_sprite.png so it will have a copy of the light bar instad of the black one in place.

I do see a double image height of this picture? menu_sprite.png
so when they increase the menu and go by you see the color black?

Hi

When menu fall to the second line than You will see black on black, so You need to change the black bar in this image to the light bar which is just over it in the same image.

I did not understand what to do and I think that it is not the first experience. you know in a few words as I get the second line of the menu in black

Walter

Hi

Please just edit this file /images/menu_sprite.png when You see how it looks like exerything will be clear.

Just make the white the same as black and replace the file.

I have change the color of file /images/menu_sprite.png and I have made it all in black color but in the site no show all black color. you can see to url: www.calciodonne.it

Hi

I still see the image unchanged. Please send me FTP details. I'll do that for You.

if I change the color to the part below the line from gray to black, black becomes the upper part of the menu. I wish the color of the menu came out as the picture I attached earlier this request

Hi

I'm still not sure if I understood You right, but please try to add this code at the end of template.css file:

Code: Select all

div#horiz-menu ul ul li {
    background-position: 100% -61px;
}

div#horiz-menu li.level1, div#horiz-menu ul ul li {
    background: url("../images/menu_sprite.png") repeat-x scroll 100% -158px transparent;
}


You can understand if you see this attached image in first message. I have attached image as I would like it.

Hi

It's hard if we cannot cange the ackground image, but please try to add this code:

Code: Select all

div#horiz-menu {
    height: 96px;
}

#menu_wrap {
    height: 126px;
}


Now is all ok. thank you for your patience

Hi

No problem. Glad I could help.