WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: joop on March 16, 2008, 11:00:54 PM

Title: CSS in WB 2.7 with show_menu2
Post by: joop on March 16, 2008, 11:00:54 PM

Hi everybody,

I went total into oblivion today....
Spent the whole day to get a nice menu-structure, and just can't figure it out.
I know there are questions about CSS here on this great forum, but this one needs a good explanation.
Is there anybody who can give me an explanation on how to use CSS on the module show_menu2.

Got it finally working for all main menus, but now everything screws up on the sub-menus.
When I try to get it correct, the main menus are totaly wrong again.

Can somebody give me a clean explanation on how to use CSS on this module.
It's about the simple collapse menu: <?php show_menu2(1,0,-1,false);?>

This is the menu structure as seen in "show source" in firefox:
<div class="menu">
    <ul class="menu-top">
        <li class="menu-sibling menu-first"><a href="#" target="_top">Home</a></li>
        <li class="menu-sibling"><a href="#" target="_top">About us</a></li>
        <li class="menu-expand menu-current"><a href="#" target="_top">Webdesign</a>
           <ul class="">
               <li class="menu-child menu-first menu-last"><a href="#" target="_top">Design</a></li>
           </ul></li>
        <li class="menu-sibling"><a href="#" target="_top">Examples</a></li>
        <li class="menu-sibling"><a href="#" target="_top">Order now!</a></li>
        <li class="menu-sibling menu-last"><a href="#" target="_top">Contact</a></li>
    </ul>
</div>

Now, before everybody is saying i'm a nOOb........I KNOW!
Just need a clean explanation.
Many many many thanks in advance.

Greetings,
Joop

Title: Re: CSS in WB 2.7 with show_menu2
Post by: Stefek on March 16, 2008, 11:28:20 PM

Look for a template which uses show_menu2 and study the css.
In addition you may need a css-editor and the firefox firebug to completly understand the mechanisms behind css in combination whith show_menu2.

I'm spending the main time on the menus, while creating a template.

Best Regards,
Stefek

Title: Re: CSS in WB 2.7 with show_menu2
Post by: ruebenwurzel on March 17, 2008, 07:24:25 AM

Hello,

Quote

Just need a clean explanation.

As this is a WB Forum and not a CSS Forum, you are here at the wrong place. Have a look on the bookmarks list on our help page. There you'll find a few links about CSS, also googling should give you results. Styling a menu with css has nothing to do with WB this is simple and only CSS. Look for the classes wich your menu has and then style it.

Matthias

Title: Re: CSS in WB 2.7 with show_menu2
Post by: Ruud on March 18, 2008, 12:18:58 AM

The website of the author has helped me a lot.

http://code.jellycan.com/files/show_menu2-README.txt (http://code.jellycan.com/files/show_menu2-README.txt)

demo's
http://code.jellycan.com/sm2test/ (http://code.jellycan.com/sm2test/)

Ruud

Title: Re: CSS in WB 2.7 with show_menu2
Post by: RedGnomos on March 18, 2008, 01:04:46 AM

I posted the example below as I found it fundamentally a breeze to work with. Hope it helps.

https://forum.WebsiteBaker.org/index.php/topic,8871.0.html

Title: Re: CSS in WB 2.7 with show_menu2
Post by: joop on March 18, 2008, 10:38:51 PM

Thank you RedGnomos!
Thats on hell of a script, and looks pretty nice.
Will try to implent it.

Greetings,
Joop