Floating Side Menu

[Saviour]

Floating Side Menu

This mod is no longer supported...

Origin: DynamicDrive.com (http://dynamicdrive.com)
Original Script: Omni Slide Menu (http://dynamicdrive.com/dynamicindex1/omnislide/index.htm)
? John Davenport Scheuer
* Adapted from Dynamic-FX Slide-In Menu (v 6.5) script (http://dynamicdrive.com/dynamicindex1/davidmenu.htm)
by maXimus
Supported Browsers: FF1+ IE5+ Opr7+

This mod has been tested and works on vbulletin version 3.6.8 PL2.
This is a DHTML script for general forum use. Do not ask if it can be used for certain User Groups or given Permissions.

Features:

This mod places a floating menu on the right, or left of all of your forum pages. To place it on the left, edit the following code in menuItems.js:

Find...
menupos:'right',
Replace with...
menupos:'left',


Edits:

Edit menuItems.js for links and colors
Edit mmenu.js for bar, headers and other variables
Edit forum header template(s)
Instructions included within attached .zip file


Customization:

menuItems.js: use this file to name your menu and create your links
mmenu.js: use this file to customize the look of your menu
Refer to the "Properties (http://dynamicdrive.com/dynamicindex1/omnislide/properties.htm)" page for variable descriptions
Refer to the code below to adjust your link attributes within the menu (i.e., link text color, hover, visited). The code below is what you will be putting at the top of your forum's header template. Items in red are editable:


<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active {color:black;text-decoration:none;}
#kbmenu3 a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>


Live Demo: Demo (http://dynamicdrive.com/dynamicindex1/omnislide/demo.htm)

Hope you like this simple little mod...if so, please, don't forget to rate it.

[Subah]

Thanks a lot :)

[Saviour]

Thanks a lot :)

You're welcome...hope you like it.

[puertoblack2003]

nice hack i have that installed....

from this author: http://dynamicdrive.com/dynamicindex1/davidmenu.htm

[Saviour]

I appreciate the link...however, the origin of the script for this mod is located at the top of this thread. It is also from DynamicDrive.

There are actually three versions...one for the top, one for the left...and one for the right. I decided to create this mod for use on the right. To me...it just seems to be more functional.

There is also a similar mod here at vbulletin.org which has the same menu you have. Here's the link to that mod: https://vborg.vbsupport.ru/showthread.php?t=107875&highlight=floating+menu

I will also be adding a link to the "Properties" page, if anyone wants to add color to the bars and headers.

[puertoblack2003]

I appreciate the link...however, the origin of the script for this mod is located at the top of this thread. It is also from DynamicDrive.

There are actually three versions...one for the top, one for the left...and one for the right. I decided to create this mod for use on the right. To me...it just seems to be more functional.

There is also a similar mod here at vbulletin.org which has the same menu you have. Here's the link to that mod: https://vborg.vbsupport.ru/showthread.php?t=107875&highlight=floating+menu

I will also be adding a link to the "Properties" page, if anyone wants to add color to the bars and headers.


well i guess the members should have an option which side the menu should be installed.me personally don't like it on the right.Just my .2 cent :)

[apiasto]

very nice i love it.thnx

[Saviour]

I appreciate that...glad ya like it..

[kushal]

How can I make this menu to also appear in VBadvanced pages?

[Saviour]

How can I make this menu to also appear in VBadvanced pages?

Sorry...

I'm not familiar with vbAdvanced...however, I'm sure there is someone here that is...and they can direct you.

I apologize, for not having the answer you need, but as you can see...I don't supply support for this mod...yet, if I do have an answer...I will post back.

[kushal]

thank you for the reply, the mod is well suited for me, thank you. If it is also done so for home page, it would make uniform.

[iogames]

Can I customize the look of it?

[Fungsten]

Cool!! Installed.

[Saviour]

Can I customize the look of it?

You certainly can...

Visit the link I provided at the beginning of this thread...you can make changes to the link text...and other aspects of the menu...

These changes are made in the mmenu.js and the menuItems.js. The Properties page that will provide you with help in customization is located here (http://dynamicdrive.com/dynamicindex1/omnislide/properties.htm).

[Saviour]

Cool!! Installed.


Thanks...glad ya like it!

[Saviour]

thank you for the reply, the mod is well suited for me, thank you. If it is also done so for home page, it would make uniform.

You're welcome...

The closest I can figure...if vbAdvanced has a header template, that you can edit...you should be able to include this script into it...just like you did within the forum header template.

With that being said...your customization would be complete.

You would follow the same directions that were included for this mod...and just make sure you include the mmenu.js and menuItems.js files into the root directory where vbAdvanced is installed.

Hope this helped...

[kushal]

Yes, that is what I did with CMPS. I thought one edits should make this. However, it is working for me.
Thank you again.

[TheBlackPoet]

How can I make this menu to also appear in VBadvanced pages?

IT WORKS FOR me on every page.. including vb advanced....

[sensimilla]

What makes it different from the previous release here at vb.org ?

[Saviour]

What makes it different from the previous release here at vb.org ?

The previous version listed, had the menu on the left. This mod places it on the right and I also included a little more detailed information for those who want to make variable changes. The other mod left that up to you.

I also included a link to the original script at DynamicDrive...for those who may be interested in placing this menu on the left, or the top of their forum pages.

My instructions give you a little more information as well...

If you're asking if there is any significant difference...no there isn't...aside from what I have just told you.

[Saviour]

Yes, that is what I did with CMPS. I thought one edits should make this. However, it is working for me.
Thank you again.

I'm glad you have it working...

In case anyone was having the same problem as you...you may want to post what exactly you did in order for it to work.

It'll help a lot of people from asking the same question...over...and over...and over...

[puertoblack2003]

How can I make this menu to also appear in VBadvanced pages?

make sure that this code is in the header template the first line before <!--logo-->


<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active {color:black;text-decoration:none;}
#kbmenu3 a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>





edited; sorry didn't see he had fixed it ;)


-pb

[iogames]

Can be place it on the bottom???

[Saviour]

Thanks for fielding that one for me, puertoblack2003...

Also...don't forget to change every instance of kbmenu3, in the above code, to whatever you have named your menu.

[Saviour]

Can be place it on the bottom???

The original script from DynamicDrive shows this menu on the left, right and the top...no mention was made for this as a bottom menu.

[iogames]

Great support! :up:

last question... the links can call PopUps as 'Radio' & 'TV's Hacks?

[Saviour]

Great support! :up:

last question... the links can call PopUps as 'Radio' & 'TV's Hacks?

Well, thanks...even though this mod really isn't supported...

I'm not quite sure I understand your question...are you asking if it will pull up a pop-up page, or a video from a link?

If you have a pop-up page already configured...all you would have to do is link to that page. Did I answer your question?

[iogames]

I've 2 Links on NavBar that open PopUps Windows, Like the 'RADIO & TV' hack... so how do you solve the problem?

[puertoblack2003]

I've 2 Links on NavBar that open PopUps Windows, Like the 'RADIO & TV' hack... so how do you solve the problem?

na that won't work i tried that myself.

[Saviour]

I've 2 Links on NavBar that open PopUps Windows, Like the 'RADIO & TV' hack... so how do you solve the problem?

I just scanned that Radio and TV mod...

It would seem you have to choose a player before you can select a station...is this correct? If so, that may be the reason why the pop-up fails...not quite sure. They make make this an automatic function as the mod progresses even further...or maybe it's just a permissions thing?

puertobalck2003...

What problems did you face when you tried to add a link to the pop-up?

[yoyoyoyo]

How can I make this menu to also appear in VBadvanced pages?

I haven't tried it, but this should work...

change:
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">to:
<script src="$vboptions[bburl]/forum/mmenu.js" type="text/javascript"></script>
<script src="$vboptions[bburl]/forum/menuItems.js" type="text/javascript">if your forum is in a different directory, such as "forums," then change the replacement code accordingly.

Please let me know if it works for you.

[iogames]

Hi YOYOYOYO...

Does this Menu works with your TV Hack? :confused:

[yoyoyoyo]

I haven't installed this mod yet

[badboyz]

its a dhtml side menu frm dynamicdrive.com lol

i remember this i used it in my old html site but nice hack though

[Saviour]

its a dhtml side menu frm dynamicdrive.com lol

i remember this i used it in my old html site but nice hack though

You're good...

Can't sneak nothing past you...:D

[Saviour]

I've added additional snapshots so that you can get an idea of the customization features possible with this mod.

Notice how the menu bar blends seamlessly into the right border of my default theme. This particular menu bar was created using an image as the background for the bar...instead of color text code. I also removed the border within the menu itself so that the parts of the forum page are actually visible in the background of the menu, when it's expanded. It also looks quite nice with the default vbulletin theme.

Even though support is not offered for this mod, I will do the best I can to try and help those looking for customization assistance.

All my best...

-Saviour

[redlabour]

I haven't tried it, but this should work...

change:
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">to:
<script src="$vboptions[bburl]/forum/mmenu.js" type="text/javascript"></script>
<script src="$vboptions[bburl]/forum/menuItems.js" type="text/javascript">if your forum is in a different directory, such as "forums," then change the replacement code accordingly.

Please let me know if it works for you.

Works !!! :D

[iogames]

I haven't installed this mod yet

Can you please let us know? cause this will solve all the PopUps options that we use on Navbar ;)

[Direct Vision]

For Me It's Not Working Good

The Links Come On Top Left Of The Forum. Before The Logo

What Can I Do?

[yoyoyoyo]

Can you please let us know? cause this will solve all the PopUps options that we use on Navbar ;)
I would imagine that you can add any links to the menu that you want

[Saviour]

For Me It's Not Working Good

The Links Come On Top Left Of The Forum. Before The Logo

What Can I Do?

Make sure you paste the following code before the <!--logo> tag in the header template:

<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active {color:black;text-decoration:none;}
#kbmenu3 a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>

Make sure you change the red code above to what you have named your menu.

I have also noticed a problem for those of you who are using a web template hack...such as myself.

I use WebTemplates 3.5.x: VB Integrated CMS (Content Management System) (https://vborg.vbsupport.ru/showthread.php?t=103076) by Logician. Check the theme you are using for your template(s) and make sure the following variable is included at the top of that template: $stylevar[htmldoctype].

The above should fix your problem...let us know...

[Direct Vision]

Oooooook Now It's Working Good

Just Another Question Can I Change The Colour Of The Bar???

I Want It Blue

[Saviour]

You sure can...

In the mmenu.js file find the following line:

if(!o.barbgcolor) {o.barbgcolor="#336699"};

Just change the text color code to whatever color you want.

For additional variable changes...go here (http://dynamicdrive.com/dynamicindex1/omnislide/properties.htm).

[Direct Vision]

one other thing

from where i increase the width of the menu cause text (links) when they are long comes in two lines

[Saviour]

Direct Vision...

Did you look at the variable changes page I listed in my last post?

Find this in your mmenu.js file:
if(!o.hdingwidth) {o.hdingwidth=149};

As noted on the variable changes page:
hdingwidth:149, // This will be the menu body width as well as any single column headings.

Changing the number should change the width of your menu.

Note:

Remember, this mod is not supported...yet I will do my best to help...and I will only help those who have marked this mod as "Installed".

[Fungsten]

I haven't tried it, but this should work...

change:
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">to:
<script src="$vboptions[bburl]/forum/mmenu.js" type="text/javascript"></script>
<script src="$vboptions[bburl]/forum/menuItems.js" type="text/javascript">if your forum is in a different directory, such as "forums," then change the replacement code accordingly.

Please let me know if it works for you.

Where does one change that? Thanks.

[Saviour]

You will find it within the code you will be adding to your header template:
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active {color:black;text-decoration:none;}
#kbmenu3 a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>

Change the above red code.

[Direct Vision]

ok all done thanks alot bro, you rock.

this is great

[Saviour]

ok all done thanks alot bro, you rock.

this is great

Thank you...don't forget to click "Installed".

[Fungsten]

You will find it within the code you will be adding to your header template:
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active {color:black;text-decoration:none;}
#kbmenu3 a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>

Change the above red code.

I tried it but then the whole Menu disappeared.

[Saviour]

Fungsten...

Change the code back and let me know if the menu now appears in your forum.

Also...are you trying to get the menu to appear within a CMS...like vbAdvanced?

[yoyoyoyo]

many people have blogs, project tools, vba links, photopost, vba gallery, etc. posted outside the forum directory, or at the root level. I think it is best to change the code from:
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">to:
<script src="$vboptions[bburl]/forum/mmenu.js" type="text/javascript"></script>
<script src="$vboptions[bburl]/forum/menuItems.js" type="text/javascript">to avoid any problems like that, and to have the floating side menu appear in every part of your forum. If you do not want the floating sidebar to appear in those places, and only in your forum directory, then do not make that change.

[Saviour]

And a big "Thank You" goes out to yoyoyoyo for making that post.

[Fungsten]

Fungsten...

Change the code back and let me know if the menu now appears in your forum.

Also...are you trying to get the menu to appear within a CMS...like vbAdvanced?


I changed it back and it worked.
Whatever the code does.

[MR.BOSS]

thanks for this hack, but where should i upload the 2 files exactly?

[stationar]

How can I make this menu to also appear in VBadvanced pages?
In "Head" template replace relative links with constant ones:

(Add your address in places, marked red)

src="http://www.yoursite.com/forum/mmenu.js"
src="http://www.yoursite.com/forum/menuItems.js"

[Saviour]

thanks for this hack, but where should i upload the 2 files exactly?


If you are uploading them for use on just your forum...upload them to the root of your forum directory.

Are you going to be using the menu anywhere else? Do you use vbAdvanced or any other CMS hack? If so...read the post just before this one.

Did you read the directions provided in the text file included in the zipped attachment?

[Saviour]

FLOATING SIDE MENU TIP

This tip is for those who are already using this mod, but have different skins within their forum.

Hopefully, everyone who has downloaded and installed this mod is getting used to the variable changes and adapting the menu to whatever theme they have installed within their forum.

Not to confuse anyone, but did you know you can rename the two javascript files included in this mod and then use them to customize a separate menu for another theme being used within the same forum?

1. Simply rename the two javascript files within the zipped folder of this mod...and edit them by changing any of the related variables to match the style of your other theme.

2. Upload the renamed javascript files to your forum's root directory. You now have 2 sets of the same javascript...both with different names...and both edited to match the other skin you may be using on your forum.

3. Edit the script you will be placing in your skin's header template(s) to point to the new scripts. No need to change the name of the menu within that script.

4. Now copy the script to the beginning of the skin's header template...save your template changes...and, Voila! You have a new menu that matches the look of another skin.

If you'd like a live example, visit the Saviour PC Forum (http://www.saviour-pc.com/forums). Do you see the menu for my default skin?

Go to the bottom of the page and choose vbulletin's default skin...notice the new menu?

Pretty cool, huh?

Enjoy!

[firstrebel]

How can I make the menu tab thinner please. Great work, thanks.

Bob

[Saviour]

How can I make the menu tab thinner please. Great work, thanks.

Bob

Bob...

Look for this code in the menu.js file:
if(!o.barwidth) {o.barwidth=22};

Change the number to the width you desire...

[Saviour]

Most of the variable changes you guys are looking for are discussed on this page: Properties (http://dynamicdrive.com/dynamicindex1/omnislide/properties.htm)

[firstrebel]

Thanks. I also find that not using a fluid forum style above about 95% to be best. It keeps the menu bar outside the forum edge and is less intrusive, but also more prominent, if that makes sense.

Bob

[Saviour]

Thanks. I also find that not using a fluid forum style above about 95% to be best. It keeps the menu bar outside the forum edge and is less intrusive, but also more prominent, if that makes sense.

Bob

Certainly does make sense...

It does seem to be less obtrusive when using a fluid forum style below 95%...I actually got it to blend in nicely on my fluid forum...I used images (instead of text color codes) for the headers and menu bar, themselves. Doing this...I was able to blend the menu bar into my forum's border...providing a less obtrusive menu...and customized to the forum's look. Using the "Properties" page, I've include in this thread, leaves one's imagination to run wild...

If you visit the link to the Omni Slide page at DD which is listed at the top of the page...you can also find code to make this menu work on the left, right, or top of your forum...it just depends on one's preferences.

Thanks for replying, Bob...and I appreciate your installing this mod...

-Steve

[Saviour]

nice hack i have that installed....

from this author: http://dynamicdrive.com/dynamicindex1/davidmenu.htm

I just checked your site...

Your menu appears to be cut-off at the bottom.

[jerrygad]

Awesome! Thank you for sharing it. I installed and put the menu in left side. :D
Keep up the good work!

[Saviour]

Awesome! Thank you for sharing it. I installed and put the menu in left side. :D
Keep up the good work!

Thank you...and I'm glad ya like it...

[ChicagoCoin]

Thanks for this fine menu!

Great support! :up:

last question... the links can call PopUps as 'Radio' & 'TV's Hacks?

I have a link to Radio & TV and it's working fine, this is the entry i used in menuItems.js:

["Radio and TV", "javascript:openRadioAndTV()",""],

:up:

[firstrebel]

Members with Mozilla report the menu is permanently open.

Bob

[Saviour]

Then they must have a problem with their browser...

I'm using Mozilla Firefox 2.0.0.9 and the menu is working fine...see attached...

Unless they're using a version not compatible...see mod listing...

[Saviour]

Members with Mozilla report the menu is permanently open.

Bob

I just checked the post on your forum from the user who is having problems with his outdated version of FF. Updating to the most recent browser would probably fix this...also updating his current version of Java may help as well.

Seems to be neglecting his updates...:D

[firstrebel]

Indeed. Folk are quick to 'buy' a new version but slow to update 'free' apps.

Bob

[firstrebel]

I have been playing around with the settings in mmenu.js. I am trying to delay the menu flying out. I have changed these
if(!o.menuspeed) {o.menuspeed=55};
if(!o.menupause) {o.menupause=30}; but they do not do what I want. Changing menuspeed affects opening and closing speeds, I just want to delay the opening by about 1-2 seconds, but not change the speed. Any ideas?

Bob

[Saviour]

I have been playing around with the settings in mmenu.js. I am trying to delay the menu flying out. I have changed these
if(!o.menuspeed) {o.menuspeed=55};
if(!o.menupause) {o.menupause=30}; but they do not do what I want. Changing menuspeed affects opening and closing speeds, I just want to delay the opening by about 1-2 seconds, but not change the speed. Any ideas?

Bob

Bob...

I just went through the variables...

I can't find one that specifies delaying the opening of the menu. The only thing I have found is what you have already described.

Why is it that you want to delay the opening of the menu? Most people want menus to open right away...not that there's anything wrong with that...:D

[firstrebel]

The issue was that the menu shot open with just an accidental brush of the cursor, and maybe a 1-2 second delay would prevent that. I have now moved the menu to center top and it is much better. Every one is happy...at last.

Bob

[Saviour]

Bob...

It does look good there at the top...

That's the sweet thing about the original script from DD...the ability to place it left, right...or at the top.

Glad it worked out in the end... and everybody's happy.

-Steve

[lgw2981]

Great Job! Installed.........:D

[Saviour]

Thank you...

[Saviour]

ANOTHER MENU TIP

Don't make your menus too long by adding lots of links...you may run into problems for those who are using a screen resoluton of 800x600. Using this resolution may cause your menu to be cut off at the bottom....or, to be more accurate...the bottom part of the menu will not be viewable.

While you can still adjust the menu's position , some of you may have menus with lots of links...and even after adjusting the menu's position, find that some of these links aren't viewable.

Still...there are other ways around the problem...

Go to dynamicdrive.com (http://www.dynamicdrive.com) and find the link to the Omni Slide Menu (http://dynamicdrive.com/dynamicindex1/omnislide/index.htm) in "Menus and Navigation (http://www.dynamicdrive.com/dynamicindex1/index.html)". There you will find the menu scripts you need to place this side menu at the top of your page (like some of us have already done...including "yours truly". The coding is basically the same as putting the menu on the left or right. Just follow their directions.
Use two columns, instead of one...to make your menu(s) shorter.
Use smaller text.

If need be...refer to the "Properties (http://dynamicdrive.com/dynamicindex1/omnislide/properties.htm)" page for variables to tweak your menu(s).

I hope you find these tips useful...

Don't forget to "Mark as Installed" if you are using this menu...also, please take a few seconds to "Rate" this mod...

Remember...support is only being offered to those who have it installed.

[Saviour]

YET ANOTHER MENU TIP


This tip was deleted...due to its inability to function correctly...

Sorry about that, folks...

[stationar]

My users asked me to change it so the menu wouldn't jump out every time they move mouse over it. So I changed file mmenu.js, replacing "onmouseover" with "onclick" in two places.
Also changed file menuItems.js, adding before MenuItems this line: menupause:5000, (including comma) - this keeps menu open for 5 seconds after user moves the mouse, and gives the user time to pick the menu item and click on it.

[Saviour]

Thanks for that...

But you didn't have to add that MenuPause line...just look for menupause: on both scripts and change accordingly.

I missed one of the onmouseover variables...

Probably why I was having such a hard time with it...

Kudos for the tip!

[firstrebel]

My users asked me to change it so the menu wouldn't jump out every time they move mouse over it. So I changed file mmenu.js, replacing "onmouseover" with "onclick" in two places.
Also changed file menuItems.js, adding before MenuItems this line: menupause:5000, (including comma) - this keeps menu open for 5 seconds after user moves the mouse, and gives the user time to pick the menu item and click on it.Excellent tip, thanks.

Bob

[firstrebel]

My users asked me to change it so the menu wouldn't jump out every time they move mouse over it. So I changed file mmenu.js, replacing "onmouseover" with "onclick" in two places.
Also changed file menuItems.js, adding before MenuItems this line: menupause:5000, (including comma) - this keeps menu open for 5 seconds after user moves the mouse, and gives the user time to pick the menu item and click on it.

Have you tried this with FF? One user reports it still drops down without clicking. IE is OK.

Bob

[chatzworld]

works great for me on both FF and IE great work :)

[firstrebel]

Had a few more say when they click it only comes down a bit on each click.

Bob

[Saviour]

Had a few more say when they click it only comes down a bit on each click.

Bob

Bob...

If you're using the settings from this pos: https://vborg.vbsupport.ru/showpost.php?p=1389947&postcount=80

...you may want to change them back...since I made the changes and my users started complaining about the same thing.

I think we're trying to do a lot of things to this menu that were not meant to be changed. Change the settings back to their default..change "onclick" back to "onmouseover" in both places. Also change "menupause" back to its original setting of 500...or however long you want it to pause before retraction in milliseconds.

I've already changed mine back to the default...working fine...

-Steve

[Saviour]

works great for me on both FF and IE great work :)

Thanks...glad ya like it...

[firstrebel]

Bob...

If you're using the settings from this pos: https://vborg.vbsupport.ru/showpost.php?p=1389947&postcount=80

...you may want to change them back...since I made the changes and my users started complaining about the same thing.

I think we're trying to do a lot of things to this menu that were not meant to be changed. Change the settings back to their default..change "onclick" back to "onmouseover" in both places. Also change "menupause" back to its original setting of 500...or however long you want it to pause before retraction in milliseconds.

I've already changed mine back to the default...working fine...

-Steve
Thanks.

Bob

[Direct Vision]

I Noticed That With Ie 7 And Some Of Ff The Menu Doesn't Work Good.

You Know That When You Scroll Down The Page The Menu Comes After You Like Bouncing Down.

With The New Ie 7 And Some Ff The Menu Comes Down But It Stays Like It Is Stuck.

Can I Fix This??

Or How Can I Make The Menu Not Coming Down??

Thanks Alot

[Saviour]

Direct Vision...

Support will only be given to those who click "Installed".

[Direct Vision]

i surly did. i don't know what happened. i press it again sorry

[Saviour]

Direct Vision...

Take a look at this page: http://dynamicdrive.com/dynamicindex1/omnislide/demo.htm

This page gives you an example of how the menu will look...depending on which version you choose from the attached .js files.

All the menus work flawlessly with the browsers mentioned at the beginning of this thread. If they don't...then the problem probably lies with the verison of Java your browsers are using. Update to the latest version of Java (http://www.java.com/getjava) to see if this doesn't correct any of the issues you may be experiencing. Just a note...the menu on the left of that demo page uses an entirely different script than the one on the right of the page...so you will notice a difference in how the menu floats on the page. One menu is in a "fixed" position and will not jump down the page as you described...while the other is in an "absolute" position and will glide down with the page when you scroll down.

You asked if there was a way to keep the menu from moving. Sorry...I had to laugh when I read that.

If it was kept from moving...it wouldn't be a floating menu script...now would it?

[nautiqeman]

This is not working at all for me.

I edited the menuItems.js file
id:'tszmenu',

I edited the code that I put into the header template:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>
<td valign="bottom" align="right">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>
<td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>
</if>
<if condition="$show['member']">
<td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>
</if>
<td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>
<!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->
<td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>
<td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>
<if condition="$show['member']">
<td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>
</if>
<td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>
</tr>
</table>

</td>
</tr>
</table>
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#tszmenu a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#tszmenu a:hover {
color:black;background-color:#FFFF99;
}
#tszmenu a:active {color:black;text-decoration:none;}
#tszmenu a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="/forums/mmenu.js" type="text/javascript"></script>
<script src="/forums/menuItems.js" type="text/javascript">

</script>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output


$welcomeheaders



I uploaded the 2 files to the /forums directory.

[Saviour]

This is not working at all for me.

I edited the menuItems.js file
id:'tszmenu',

I edited the code that I put into the header template:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>
<td valign="bottom" align="right">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>
<td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>
</if>
<if condition="$show['member']">
<td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>
</if>
<td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>
<!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->
<td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>
<td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>
<if condition="$show['member']">
<td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>
</if>
<td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>
</tr>
</table>

</td>
</tr>
</table>
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#tszmenu a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#tszmenu a:hover {
color:black;background-color:#FFFF99;
}
#tszmenu a:active {color:black;text-decoration:none;}
#tszmenu a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="/forums/mmenu.js" type="text/javascript"></script>
<script src="/forums/menuItems.js" type="text/javascript">

</script>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output


$welcomeheaders



I uploaded the 2 files to the /forums directory.

You placed the code in the wrong place in your header template. Remove what you added to the header template.

Then...in your header template find
<!-- logo -->

Before it add
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#tszmenu a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#tszmenu a:hover {
color:black;background-color:#FFFF99;
}
#tszmenu a:active {color:black;text-decoration:none;}
#tszmenu a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="/forums/mmenu.js" type="text/javascript"></script>
<script src="/forums/menuItems.js" type="text/javascript">

</script>

Let me know what happens...keep me posted.

[Direct Vision]

ok saviour. the one in the demo worked fine. it is bouncing, not like mine. so wich version is that?? i am refering the one on the left.

thanks alot

[Direct Vision]

ok i figured it out. now all working

thanks saviour

[Direct Vision]

now i can't make the bar thinner.

[nautiqeman]

You placed the code in the wrong place in your header template. Remove what you added to the header template.

Then...in your header template find
<!-- logo -->

Before it add
<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#tszmenu a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#tszmenu a:hover {
color:black;background-color:#FFFF99;
}
#tszmenu a:active {color:black;text-decoration:none;}
#tszmenu a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="/forums/mmenu.js" type="text/javascript"></script>
<script src="/forums/menuItems.js" type="text/javascript">

</script>

Let me know what happens...keep me posted.

moved it and it still doesn't show up on the site: www.thesternzone.com/forums

Here is the header template code:


<style type="text/css">
/*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#tszmenu a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#tszmenu a:hover {
color:black;background-color:#FFFF99;
}
#tszmenu a:active {color:black;text-decoration:none;}
#tszmenu a:visited {color:black;text-decoration:none;}


/*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

</script>
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>
<td valign="bottom" align="right">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>
<td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>
</if>
<if condition="$show['member']">
<td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>
</if>
<td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>
<!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->
<td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>
<td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>
<if condition="$show['member']">
<td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>
</if>
<td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>
</tr>
</table>

</td>
</tr>
</table>

<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output


$welcomeheaders

<br>

<table width="98%" class="tcat" border="0" align="center" cellpadding="0" cellspacing="5" class="border">
<tr>
<td align="center"><a href="/forums/index.php">Forums</a></td>
<td align="center"><a href="/forums/search.php?do=getnew">New Posts</a></td>
<td align="center"><a href="/forums/private.php">Inbox</a></td>
<td align="center"><a href="http://www.sirius.com/servlet/ContentServer?pagename=Sirius/Page&c=FlexContent&cid=1174328309443" target="_blank">Listen Online</a></td>
<td align="center"><a href="vbookie.php">Casino Artie</a></td>
<td align="center"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td>
<td align="center"><a href="/forums/misc.php?do=topposters">Top Posters</a></td>
<td aligh="center"><a href="/forums/misc.php?do=cfrules">Site Rules</a></td>
</tr>
</table>

[Saviour]

Where did you upload the two javascript files to? Are they in the root of your "forums" directory?

[Saviour]

now i can't make the bar thinner.

In your menuItems.js file, look for:
barwidth:22, // bar (the vertical cell) width

Change the number in the above code to change the width of the menu bar.

[Saviour]

moved it and it still doesn't show up on the site: www.thesternzone.com/forums

Then I may have to update this mod and specify 3.6.8 only.

If you have followed the directions given at the beginning of this thread...then you shouldn't be having an issue.

After a little research...I have found that there was an update (3.6.7 PL2) that had something to do with the javascript framework.

It may be your version of vbulletin that is having the issue. I am using 3.6.8 PL2 and it's working like a charm.

I'll update this mod to reflect what it has been tested on. Anyone who installs this using a different vbulletin version...please announce if it works or not...please?

[cgway.net]

hello
how can i make this menu for moderators only
as assigned to one group not for all members

[Saviour]

hello
how can i make this menu for moderators only
as assigned to one group not for all members

First of all...support is only given to those who "Mark as Installed". Secondly, this mod is not a mod in the direct sense. It is a DHTML script you can use for your forum and is available to all members. It was not meant to be configured within User Groups or Permissions.

[nautiqeman]

Then I may have to update this mod and specify 3.6.8 only.

If you have followed the directions given at the beginning of this thread...then you shouldn't be having an issue.

After a little research...I have found that there was an update (3.6.7 PL2) that had something to do with the javascript framework.

It may be your version of vbulletin that is having the issue. I am using 3.6.8 PL2 and it's working like a charm.

I'll update this mod to reflect what it has been tested on. Anyone who installs this using a different vbulletin version...please announce if it works or not...please?
I'm only running 3.6.5

and I uploaded the 2 .js files to the forums directory

[Saviour]

I'm only running 3.6.5

and I uploaded the 2 .js files to the forums directory

I understand...

As I said before...it may be because there is an issue on how your version of vbulletin (3.6.5) handles the javascript. Version 3.6.7 updated the javascript framework. You may need to inquire within another forum if this is, indeed, the case. Unfortunately, I am not familiar with your version of vbulletin.

You also have to remember...this is a DHTML script and is not a mod, per say. If you have followed the directions I have provided for this script, then it should work. If it doesn't...then it's your version of vbulletin that may be the issue here...specifically, how it handles javascript.

I have updated this mod...reflecting that it has been tried and tested on vbulletin version 3.6.8 PL2.

Contact vbulletin to see if you need to update in order to fix the javascript issue you are facing.

[nautiqeman]

I will update my version of vBulletin and see if it works. I appreciate the help!

[iogames]

Ok...
How can I place the Floating Menus in SubForums and not in FORUMHOME, and custumize each Menu to the Topic discussed?
In such case, where do I place the code or the files?

[ymy]

Awesome! finally here !

very nice , Thanks

*installed*


.

[SNATCH3R]

Thanks for this mod....its really cool...

[punk23]

Hi there,

I would like to add a link to the users Buddy List and have it open in the reduced window as it does when opened from the "Quick Links" on the NavBar.

Any idea what I would put in menuitems.js to enable that please?

[punk23]

Wow, no response..oh well, another question.

Is it possible to add a "hide" function to the slider? Maybe so that there is a very small tab sticking out unless tte member clicks on un-hide? Waddya think?

[Saviour]

This mod was provided "as is"...no consideration is being given as to changing this or adding that.

It's a simple floating side menu...with the ability to add links and modify its appearance to blend in with your forum.

Please....please...do not ask to add any features to this mod...since I no longer support it...as noted in the Mod Description by the way.

You have to remember...this is simply a dynamic script...and not a modification per say.

My thanks to all who have installed and are enjoying this...

[punk23]

Fair enough.

[TRa5H]

OK a few questions...

First and for most here is my forum... www.rebelsofchaos.net

First questiong.. is there a way to change the color and size of the "bartext:'MENU'," and the ["Menu"], //create header ? And along with that what about changing the tab to an image file?

Second I currently have Zoints installed and would like to be able to recognize the logged in user .. so i am stuck with this code:

["Profile", "http://www.rebelsofchaos.info/member.php?u=1", ""],

where the "1" is the admin profile.. i need to change it from specific numbered member to the logged member accessing the profile. as in if i was 10 and went to the page it would show me 10.

If anyone could help it would be greatfully appreciated!

[TRa5H]

Ok so I have not figured our the user code yet. but i am working on it... as for the colors i read through the attached menu file and figured it out...

I am still interested if anyone can help me out with replacing the bar text or bar background or bar frame with an image.. i want to make it match the framing of my site more then just the color framing...

well check out my accomplishment here www.rebelsofchaos.net

[rwoscott]

Pretty cool, thx mate.

[imk]

Great mod

2 questions

http://manlystuff.com/forum/index.php


How do i insert an image?

and

how can i make it only viewable to guests?

[fulviods]

works fine on 4.0.4 ;)

[bada_bing]

This is a great menu and we installed it the other day however we are getting some complaint from a few members that visit the site via there smartphones and dont want to use tapatalk because they like the normal feel and look of the site, however this menu is causing them issue because when they try and click on the menu it opens up and then randomly takes clicks a link without them meaning to, anyone find the same bahavior? I validated this and it surly does. Works great via a computer

[bada_bing]

Uninstalled, causing issue in browsers and smartphone.