HOW TO add "top", "right" menus in existing templates?

Talk and help info about common issues

Moderators: ne_moj, zewa

administrator
Site Admin
Site Admin
Posts: 5922
Joined: Jan 7th, '09, 23:18
Contact:

HOW TO add "top", "right" menus in existing templates?

Postby administrator » Jan 29th, '12, 07:39

To add missing menus in existing templates you have to perform following:

1. Open templates/{my template}/info.xml and missing values in Menus section.

Code: Select all

    <menus>
        <menu>Left</menu>
        <menu>Bottom</menu>
        <menu>Top</menu>
        <menu>Right</menu>
    </menus>   


2. Now you may see these values on add/edit menu page. Create new menu and select required placement (for example - 'top')
3. Create new page and assign this page to the new (top-placed) menu, save the changes.
4. Open templates/{my template}/default.php file and add there Menus::DrawTopMenu() where you need it.
5. Play with CSS to show top menu like you prefer. Here the example of top menu CSS:

Code: Select all

/* --- DROPDOWN MENU ------------------------- */
ul.dropdown_outer li:hover > ul { visibility: visible; }
ul.dropdown_outer li:hover    { position: relative; z-index:1000; cursor:default; }
ul.dropdown_outer ul li    { float:none; cursor:default; }
ul.dropdown_inner          { visibility:hidden; position: absolute; z-index:999; list-style:none; margin:0; padding:0; border-bottom:1px solid #d9d9d9; width:200px; }
ul.dropdown_inner li       { height:38px; list-style:none; margin:0; padding:0; vertical-align:middle; border-style:solid; border-width:0px 0px 1px 1px; border-color:#fff #d9d9d9 #d9d9d9; background-color:#f6f6f6; color:#000; width:200px; }

Return to “ApPHP Hotel Site {HOW TO}”