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.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


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 3372 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