CSS in WB 2.7 with show_menu2

[joop]

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

Greetings,
Joop

[RedGnomos]

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

[Ruud]

The website of the author has helped me a lot.

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

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

Ruud

[ruebenwurzel]

Hello,

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

[Stefek]

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

[joop]

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