[CM] Top Slide Menu

[CM] Top Slide Menu

Mod Version: 1.00, by ChiNa

vB Version: 4.2.0	Rating: (3 votes - 5.00 average)	Installs: 14
Released: 17 Aug 2012	Last Update: 17 Aug 2012	Downloads: 63
Not Supported Code Changes Additional Files Re-usable Code Translations

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

A big thanks to George from Dynamicdrive.com who answered my Email and with a fast response, and we finally got full permission to this script. As long as the owner is given credit to.
Extra Credits to: John Davenport Scheuer / Maxmius & http://www.dynamicdrive.com

Hey everyone, I have used this Top Menu for a very long, now it was about time to get this officialy on vBulletin! Finally I got the permission to post this and here it is!
Enjoy..

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:

Code:

<vb: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>
</vb: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:

Code:

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, No need to upload! To run it double click or 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 changes!

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

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:

Code:

<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)

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 & http://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

Download

Extras.zip (9.3 KB, 69 downloads)

vBulletin LTS