Forum Home Enhancements - [CM] Top Slide Menu

This was brought to you by ChiNa-Man


First of all I am a free soul, So if one of you guys decided to post this on another forum or a website, I would be appreciated if you give some CREDITs to the Developer simply typing his name: Credits to: ChiNa-Man, and do not CHANGE or DELETE the ORIGINAL CONTENT! Thank you!


:::::::::::::::::::::::::::::::::::::::::::::

Top Slide Menu
Credits To: DynamicDrive.com (Maximus)
Free script by John Davenport Scheuer / Maxmius & www.dynamicdrive.com

Extra Credits To: John Davenport Scheuer

Step 1: Go to your AdminCP, Click on Styles and Templates, then Style Manager, and on your right side in the dropdown sidebar, you choose Edit Templates!

Now you are in the Templates area! You can either add the following code in your "footer" or your "header" template! But always start with the header. Click and open your header template, and add the following code below everything else!

Code to Add in "header" Template:

<if condition="is_member_of($vbulletin->userinfo,2,5,6,7)">
<style type="text/css">

#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}

#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active    {color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}

#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active    {color:black;text-decoration:none;}
#menu3 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></if>

Step 2: And last step, download the Extras.zip file from the attachments below, and there are 3 files inside. But only upload 2 of the files called menuItems.js and mmenu.js to your forum root!

Names of files inside the zip file:

menuItems.js
mmenu.js
Properties (Do not upload)

We are only using and uploading the files menuItems.js and mmenu.js to our forum root! And the 3rd file called Properties (Do not upload) is configurations about the slider! Double click and run it in your browser to see the slide options and colors!

We are now done... Please dont forget to click Installed and follow the instructions below for color change and link change!

------------------------------

Extra & Optional Info (Slide Configuration)

Visibility Notice:
Only Visible for Administrator, Moderator, Super Moderators and Registered Users! If you wanted to change it, then change the code on the first line and the numbers in PINK is the usergoup ID's or numbers showen below:

<vb:if condition="is_member_of($vbulletin->userinfo,2,5,6,7)">

Important Notice:
(Do not delete the CODE below which is inside our code)

/***********************************************
* 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
***********************************************/ 

The code & script is for free and legal use from & www.dynamicdrive.com! You can also get other version by visiting dynamicdrive.com

Coloring & Editing

If you wanna edit the colors, then ONLY open the menuItems.js with a notepad or a text editor! And folor the "Properties (Do not upload)" FILE for all the instructions! And if you wanted to change the NAMES and LINKS its also very simple! Just replace the links and names at the bottom! DONE

Example Image