Hi Everybody,

We're using different themes for different sections of the website. Each section of the website has different look and feel. Nice menu is configured according to main section and when I make any changes to Nice menu's CSS it overall effects all the themes. I want to have cutomized nice menu for each section (page) of the site.

Can anybody help, how can I acheive that?
Any help is highly appreciated.

Regards
Zag

Comments

dipen chaudhary’s picture

dipen chaudhary commented

I don't think its a theme system issue, this is at best is a advanced use case of nice menus module. If you post this on the nice menus issue queue then maybe u'll get more response. I think in each different tpl.php file you can use a different class where the menu variable is printed (disclaimer: I've not used the module) but this would mean you'll have to copy css of the class being replaced (otherwise u'll loose the default formatting)

Zaghem’s picture

Zaghem commented

Thanks Chaudhary for your reply.
Nice Menu is istalled as a module and I'm not sure whether this is possible to attach CSS attribute to menu in page.tpl.php explicitely.

Regards

Zaghem’s picture

Zaghem commented
Project: Drupal core » Nice Menus
Version: 6.9 » 6.x-2.x-dev
Component: theme system » CSS

Hi Everybody,

We're using different themes for different sections of the website. Each section of the website has different look and feel. Nice menu is configured according to main section and when I make any changes to Nice menu's CSS it overall effects all the themes. I want to have cutomized nice menu for each section (page) of the site.

Can anybody help, how can I acheive that?
Any help is highly appreciated.

Regards
Zag

bohz’s picture

bohz commented

afaik, each different nice-menu instance that you create has its own unique CSS selector (e.g. #nice-menu-1)
you can therefore enable a different nice-menu block for each of your website sections and style them accordingly in your CSS files
Much better, you could use section-specific selectors assigned to container elements (such as body tags), if available. this way you'll need only one nice-menu instance

Zaghem’s picture

Zaghem commented

Hi bohz,

Thanks for help.
Let me be more precise, We have six sections, all sections use different themes and they are share same menu and menu is configured using nice menus. In this case we do not have any instances of Nice Menus. If this can be acheived using istances, can you please tell me:
1. how to create Nice Menus instances
2. how to make them visible in the blocks sections
3. Then to attach my menus with these instnces
Thank you very much.

regards

bohz’s picture

bohz commented

mmm
not sure if the term "instance" was the most appropriate to use. With "instance" I meant one nice menu block

anyway,
1. site configuration -> nice menus -> choose the number of nice menus you'd like to have (this will create as many nice menu block as you specify).

2. at this point the nice-menu blocks should be visible (but disabled) in site building -> blocks

3. configure each of the nice menu blocks settings: block title, name of nice menu and the source menu tree; here you can also setup in which sections or paths of your website each particular menu should be visible/invisible.

the containing div of each nice menu you'll create will have its unique CSS ID (I think from the name you give to the menu. e.g. My Menu 1 -> #my-menu-1), where you can apply your styles

As I suggested in my earlier post, if your theme outputs body selectors, you can style the same nice menu block to look different according to the specific website section body class or ID.

http://drupal.org/handbook/modules/nice_menus

Zaghem’s picture

Zaghem commented

I got it, Thanks a lot, much appreciated.

Zaghem’s picture

Zaghem commented
Status: Active » Fixed

Thanks

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.