View Full Version : Dynamic Drive - Fold-out external menu on the left side

25 Sep 2006, 02:18

This is an implementation of Dynamic Drive's Fold-out external menu (http://www.dynamicdrive.com/dynamicindex1/slideinmenu4.htm). I have been using it on my site for a few days and I have not had any errors.

I am not comfortable with uploading the code from the author here so I will refer to the author's website for the code information through this process.


This code does not seem to work with Firefox browsers. Because I like this, I have decided that I am going to continue using by creating a "Child Style" of my main style called "Side Menu" so members can chose to use it if their browser can handle it or not if they can't...

NOTE - This error looks to be because of the four lines I indicated that need to be deleted as below (SEE IMPORTANT NOTE)

Installing this on your site

Open Style Manager >> ALL Style Options (Steps 1 and 2 are both done there)

Below "Additional CSS Definitions" add Code from:

"Step 1: Insert the following code into the <head> section of your page:" (http://www.dynamicdrive.com/dynamicindex1/slideinmenu4.htm)

IMPORTANT NOTE! You do not need the:

(Including those 4-lines will cause an error!)

Inside "header" section, above the first line of code, add code listed under:

"Step 2: Insert the following into the <body> section of your page, right after the <body> tag itself:" (http://www.dynamicdrive.com/dynamicindex1/slideinmenu4.htm)

Make a Menu File!

I have uploaded my very simple file as an example!


NOTE: I had this on one of my sites and it really did work... I had to trun off the style with this hack however as I had this under one of my development styles and another hack I am working with was causing errors to trickle down...

I will see if I can install this on another of my sites when I get a chance so there is a demo of this in use...


25 Sep 2006, 03:09
Nice idea mate, but it doesn't work in Firefox. The entire menu (expanded) appears above the header.

25 Sep 2006, 03:16
I think this was because on my live site I forgot to remove the four lines (AS ADDED ABOVE) for the style! I made a child style on my site "TS4MS Sidebar" and I am checking with my users if anybody is still having issues... After a few days it looks like it works for Firefox!

25 Sep 2006, 16:05
No, when we were talking about it I got it working. But wouldn't work on Opera OR firefox. However on cybertims.co.uk it does work with both browsers.

Mabby theres a fault with the java in that coding?

Not great at this sort of stuff, but its a slick feature.

Be great in a "product" but as you say I am unsure if that could be done.

Matt Slick
25 Sep 2006, 19:33
and it made me think of another use for this.

Can it be adapted to display the threaded view...? so that the window contains the threaded listing for those of us who love the threaded mode?

25 Sep 2006, 19:54
Well, you can read a PHP file in there and I think the server will execute the PHP code... I want to play with this more to see if I can use vBulletin variables to get things like usergroup specific information in there but I do not believe that will work BUT it does seem to retain the session so if you code a mini vB page to put in there. The problem is that we could get Java conflicts with anything that already has the code (header or body as we modified).

25 Sep 2006, 19:56
system burp...

25 Sep 2006, 22:01
Good luck mate,

I'll wait a few days and see if anything comes up before trying it again.

We'll done so far

25 Sep 2006, 23:46
You should re-word your directions, on this part here:
Inside "header" section, above the first line of code, add code listed under:
The first part you're in the CSS section, so I assumed when you said the "header" section you meant in the css box in the header section and not the "template". You should have it read the "inside the header template" for future people who might assume this.

Also I wanted the links to match the forums so in the menu.htm were it's says"


using the word for the colors doesn't always show the right color in some browsers so I recommend using the hex code. And to get the hover, regular links and visited links to match my forums I added two more codes to it like this:


Obviously change the hex code to match your forums links color scheme.

Well, I'm missing something because the hover isn't working, it just stays the visited color. If I remove the visited one it works, but then it's back the default visited color.

26 Sep 2006, 04:30
how can this be done to show up on the bottom of the window and rise upward?

26 Sep 2006, 15:58
You would have to be able to write java and recode that second script... (step 2 script)

26 Sep 2006, 18:56
Sorry, but I had to turn off the demo on my board while I am working on another project. I will try to install this on one of my other forums tonight so people can see what it looks like.

This really does work...

26 Sep 2006, 20:06
Quarterbore - it does work, in Opera IE 7 & Firefox on XP anyway!

But have to say I think you need to alter your instructions a little bit, they are rather confusing.

27 Sep 2006, 00:40
Sorry, but I had to turn off the demo on my board while I am working on another project. I will try to install this on one of my other forums tonight so people can see what it looks like.

This really does work...
I have it running on my forums if anyone wants to see, I haven't done much with it, it's still pretty basic, I just need to figure out the link coloring I mentioned earlire. And it works for me using Firefox.


29 Sep 2006, 07:33
Another thing I would add is.

Could we make it go up and down as the page is scrolled up/down?

Could we put vertical text on it?

02 Oct 2006, 16:29
bump :)

22 Dec 2006, 20:53
Works in firefox 2.0

Direct Vision
16 Nov 2007, 22:49
can't make this work. can anyone explane where exactly i put the html code please??