Support for CSS Flyout Menu

[garethrooney]

Get Em Fast...... Lovely mod by the way, just wondered if i could quickly pick your brain about something and point me in the right direction.

The template for my site sideboxes indents everything by 25px except my categories box on the left and information box on the right. Now how do I stop this category mod indenting like my current non css category box?

.box {}

.box_head {padding:10px 0px 10px 38px; font-size:14px; font-weight:bold; line-height:normal; color:#000000; background:url(../images/h_ic1.jpg) top left no-repeat;}
.box_head a {color:#000000; text-decoration:none;}
.box_head a:hover {text-decoration:underline;}
[B].box_body {padding:10px 25px; margin:0; color:#000000;}[/B]
.box_body a {color:#000000; text-decoration:underline;}
.box_body a:hover {text-decoration:none;}
.box_body ul {margin:0; padding:0; list-style:decimal inside;}
.box_body ul li {padding:3px 0 3px 0; font-weight:bold;}
.box_body ul li a {text-decoration:none; font-weight:normal;}
.box_body ul li a:hover {text-decoration:underline;}
.box_body ol {margin:0; padding:0; list-style:decimal inside;}
.box_body ol li {padding:3px 0 3px 0; font-weight:bold;}
.box_body ol li a {text-decoration:none; font-weight:normal;}
.box_body ol li a:hover {text-decoration:underline;}

#categories {}
#categories .box_head {color:#363636;}
#categories .box_body {padding:0; margin:0; color:#3A3A3A;}
#categories .box_body a {color:#3A3A3A; text-decoration:underline;}
#categories .box_body a:hover {text-decoration:none;}
#categories .box_body ul {margin:0; padding:0; list-style:none;}
#categories .box_body ul li {padding:3px 0 3px 6px; border-bottom:1px solid #FFFFFF; background:#eeeeee;}
#categories .box_body ul li a {text-decoration:none; padding-left:5px; background:url(../images/arrow_1.gif) top left no-repeat;}
#categories .box_body ul li a:hover {text-decoration:underline;}


#moreinformation {}

#information {background:#545454;}
#information .box_head {background:none; color:#FFFFFF; padding:16px 0px 9px 0px; border-bottom:2px solid #4F4F4F; margin:0 9px 0 12px;}
#information .box_body {padding:0px 0px 18px 0px;}
#information ul {margin:0; padding:0; list-style:none;}
#information ul li {padding:2px 0 3px 6px; border:0; background:none;}
#information ul li a {text-decoration:none; color:#FFFFFF; padding-left:5px; background:url(../images/arrow_2.gif) top left no-repeat;}
#information ul li a:hover {text-decoration:underline;}

[Get Em Fast]

garethrooney, is this on the site in your signature? If so, if you'll enable the menu, I'll try to see just what margin/padding you're wanting/needing to adjust.
But, the styles you included......................have absolutely NOTHING to do with the flyout menu. It has it's own stylesheet.

Anyway..............I'll keep a look out for the menu to be turned on, then go from there. Okay?

[garethrooney]

Yes...

And enabled bottom left

Yeah i know ive tried messing with that and get no joy.

Regards

Gareth

[Get Em Fast]

Okay. Now that I can see it, I can ALSO see that it's been modified slightly to include a div that's not normally present in this menu.

Anyway, in includes/templates/theme025/css/stylesheet_categories_menu.css, add this line of code at the top of the page:

#categoriescss .box_body {padding: 0;}

And I think that's what you're looking for................

[garethrooney]

You legend....... Works perfectly. A couple of styling issues to sort then ill swap it out.

Never have a seen a zen module to quickly and efficiently supported.

Massive thanks

Gareth

[Get Em Fast]

Not a problem. Glad to help.

[wirefram]

hello

How can i display only 2 levels: top categories + subcat without displaying any other levels, currently my menu displays up to 6 levels and it does take the whole page...

thanks

L.

[jagall]

Hi I'm using v1.3.9 and have the menu installed and v happy with it as is lovely menu. Have been searching tho for ways of adding custom pages to the menu titles. For example I really do not want information in the top menu, I have created a custom page and included this in menu but the menu dispaly HEADER_TITLE_CUSTOM_NAME, the link works but not sure how i can get rid of Header_title bit , any ideas??

[Get Em Fast]

Hi I'm using v1.3.9 and have the menu installed and v happy with it as is lovely menu. Have been searching tho for ways of adding custom pages to the menu titles. For example I really do not want information in the top menu, I have created a custom page and included this in menu but the menu dispaly HEADER_TITLE_CUSTOM_NAME, the link works but not sure how i can get rid of Header_title bit , any ideas??

Look in includes/languages/english/extra_definitions/CUSTOM/headermenu.php

and add the language define in there..........something like:

define('HEADER_TITLE_CUSTOM_NAME','Your Custom Title Here'); 

Hope this helps.

[jagall]

Look in includes/languages/english/extra_definitions/CUSTOM/headermenu.php

and add the language define in there..........something like:

define('HEADER_TITLE_CUSTOM_NAME','Your Custom Title Here'); 

Hope this helps.

thank you for getting back to me, I will try this, also if I want to add a submenu to this i.e. just another page really, will it work as when I tried based on the same code as the information lines, it seem to wrap the contact us, etc below it too.

I suppose what I am asking is it possible to have a custom menu item (i.e. Page) with submenu items (more pages) on the drop down menu,

Cheers