WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.9 R24 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Help needed! Styling multiple menu's
  • Print
Pages: [1]   Go Down

Author Topic: Help needed! Styling multiple menu's  (Read 3911 times)

Offline G4

  • Posts: 91
Help needed! Styling multiple menu's
« on: January 24, 2010, 11:30:42 AM »
Hi everyone,

I need too style two different menu's. Followed instructions multimenu's.

Menu 1 shows up correct with a green star on the menu_current page:
Code: [Select]
<div class="menu">
            <?php show_menu(1); ?>
        </div>
Code: [Select]
/* MENU ----------------- */
.menu{float:left;font-size:12px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;line-height:11px;background-color:#fff}
.menu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.menu ul li{background-color:#fff}
.menu a{color:#000;background-image:url(http://www.test.nl/test/templates/round/MENU_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu a:link, .menu a:visited, .menu a:active{padding:5px 0 3px 23px;display:block;text-decoration:none}
.menu a:hover{color:#95a27b;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu_current a{color:#95a27b;background-color:#fff;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}

example

Menu 2 shows up wrong. There is still a star in the background on the menu_current link:
Code: [Select]
<div class="submenu">
                <?php show_menu(2); ?>
            </div>
Code: [Select]
/* SUBMENU ----------------- */
.submenu{float:left;font-size:10px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;background-color:#fff}
.submenu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.submenu ul li{background-color:#fff;display: inline;}
.submenu a{color:#000;text-decoration: none}
.submenu a:link, .submenu a:visited, .submenu a:active{padding:5px 0 3px 0}
.submenu a:hover{color:red}
.menu_current a{color:red}


example

Please respond with code!

« Last Edit: January 24, 2010, 11:32:30 AM by G4 »
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Help needed! Styling multiple menu's
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2