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...
Code:
menupos:'right',
Replace with...
Code:
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" 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:
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*/
#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>
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.
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.
...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...
...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...
Floating Side Menu Details »»
About Developer
Visit Web Site
Template Edits 
No support by the author.
11-27-2007, 12:25 AM
