WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Images as Menulink

<< < (2/3) > >>

BlackTiger:
The way this menu is build has to be adjusted. Can you also tell the call of show_menu please?

regards
Michael

djdeeno:
Hi Micheal
Yes, you mean this?

<?php if(SHOW_MENU)   ?>
<div class="mainmenu"><?php page_menu(0, 1, '<li>[a][menu_title][/a]</li>'); ?></div>

I have all my files zipped, you can download it, and maybe its works as template also, not testit. www.webcentre.nl/kaagloop/sandra_deeno.zip

U know what i mean?
Thanks for support.

BlackTiger:
Use the following code to build the menu instead:


--- Code: ---<div class="mainmenu"><?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_TRIM | SM2_PRETTY); ?></div>

--- End code ---

Then you have to adjust your css-file: The currently selected item gets the class menu-current and the parent of a selected item (Parcours in your example) gets the class menu-parent. Use these classes to set the desired color.

regards
Michael

djdeeno:
mmm sorry i don't understand it,
oke i can change the menu to menu2 string, but what must i change in de css. i work with images, everything works fine, only the buttons must have is own color/pic when i click on one of the subbuttons from this mainbutton, let me know

thanks

BlackTiger:
The names of the classes are a little bit confusing. ;) Before it was menu_current, now it is menu-current. Try if this css-code works:


--- Code: ---/* Main menu BEGIN */

div.mainmenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div.mainmenu li {
    list-style: none;
    margin-left: 0px;
    padding-top: 0px;
}

div.mainmenu ul li.menu-current a:link, div.mainmenu ul li.menu-current a:visited, div.mainmenu ul li.menu-parent a:link, div.mainmenu ul li.menu-parent a:visited {
    background-position: 0px -54px; 
    color: #000000;
    background: #eeeeee url(./images/blue.jpg);

}
div.mainmenu ul li a:link, div.mainmenu ul li a:visited  {
    display: block;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    background: #eeeeee url(./images/geel.jpg);
    background-repeat: no-repeat;
    width: 100%;
    text-indent: 27px;
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    margin-bottom: 2px;
}

div.mainmenu ul li a:hover {
    background-position: 0px -27px;
    color: #333333;
    background: #eeeeee url(./images/blue.jpg);

}
   
div.mainmenu ul li.menu-expand ul a:link, div.mainmenu ul li.menu-expand ul a:visited {
    font-size: 12px;
    color: #000000;
    font-size: 11px;

    text-indent: 10px;
    background: #eeeeee url(./images/green.jpg);
    width: 147px;
    line-height: 18px;
    height: 18px;
    margin-left: 4px;
    margin-bottom: 0px;
    padding-right: 5px;
}

div.mainmenu ul li.menu-expand ul li.menu-current a:link, div.mainmenu ul li.menu-expand ul li.menu-current a:visited {
    font-size: 13px;
    text-align: right;
    background: #eeeeee url(./images/ROSE.jpg);
}
div.mainmenu ul li.menu-expand ul li a {
    font-size: 12px;
}
div.mainmenu ul li.menu-expand ul li a:hover {
    font-size: 12px;
    text-decoration: underline;
    background: #eeeeee url(./images/blue.jpg);
}
div.mainmenu ul li.menu-expand ul li.menu-current a:hover {
    font-size: 13px;
    text-align: right;
    text-decoration: underline;
}

/* Main menu END */

--- End code ---

regards
Michael

Navigation

[0] Message Index

[#] Next page

[*] Previous page