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

Drop-down menu in WB

(1/3) > >>

mikejd:
Hi,

I would like to add a drop-down horizontal navigation menu on  site I am designing. There are many downloadable menus, probably too many to test, so I would like to ask if anyone can recommend a suitable one which they have used.

Ideally I would want it to be css only but can accept that Javascript may be needed to cater for IE. And obviously it should be easy to implement in WB.

Any advice welcome.

Mike Davies

rcma:
its in German but this will help i hope!!!

http://www.websitebakers.de/tutorials/topics/dropdown-menues.php

BlackBird:
If there's a menu you like here

http://lwis.net/free-css-drop-down-menu/

I can show you how to implement it in WB.

mikejd:
Hi Blackbird,
The simple horizontal drop-down looks to be what I am looking for. Advice on implementing would be appreciated.

regards,
Mike

BlackBird:
You may include the CSS directly into your template. Just download the framework and copy the appropriate files into your template folder. Copy this into your template's index.php (head section):


--- Code: ---<link href="css/dropdown/themes/default/helper.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/dropdown/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/default/default.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->

--- End code ---

(These should also be the files you need to copy)

Now you will have to add the CSS classes to your show_menu2() call. The <ul> needs to have the ID "nav" and the CSS classes "dropdown dropdown-horizontal".

That's all.

Navigation

[0] Message Index

[#] Next page