Loading...
 
Themes

Themes


Re: Menu design

Japan

> Hi,
> I want to add diffrent design to some of the menu blocks. For exemple "menu1" with red colour and "menu2" with another background - all in one column (left or right). I'd like to maintain a possibility of the editing menu content from admin panel too.

Assuming you use normal Tiki menus in modules, this can be done. Modules can have different styles, so your menus, being in modules, can be made to look different. First you should make the menu1 and menu2 menus on the Admin Menus page and then make new modules to contain them on the Admin Modules page.

Then you have to edit the theme's stylesheet. If you look at the HTML source code of a page produced by Tiki, you can see that the CSS selector that controls the look of your menu1 module looks like div class="box menu1" (your module title gets inserted here, following "box"), so in your style sheet, in addition to the default div.box selector, you should add something like

div.menu1 {
	background-color: red;
}


The menu1 module is styled by both box and menu1. div.box specifies the defaults for modules, and div.menu1 dictates whatever you want to be specific for the menu1 module. Things within the menu1 module, like title, links, images, etc., can also be styled specifically.

You can also use a ))PhpLayersMenu, which can be customized quite a bit, but I believe only one of these can be used on a Tiki page. Or you could use onePhpLayersMenuand one or more normal Tiki menus. (In my experience,PhpLayersMenus(( in modules only use the tree version, as used on the browse categories page. If you want a nice vertical PHPLM menu as demoed on the PHPLM web site, the menu syntax has to go directly in tiki.tpl (typically), not in a module. (But that's probably not relevant here anyway.)

-- Gary

There are no comments at this time.

Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting