[CM] Top Slide Menu
Mod Version: 1.00, by ChiNa
| vB Version: 3.8.7 | Rating:  (1 vote - 5.00 average) |
Installs: 5 |
| Released: 17 Aug 2012 | Last Update: 17 Aug 2012 | Downloads: 36 |
 Not Supported
 Code Changes
Additional Files
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!
:::::::::::::::::::::::::::::::::::::::::::::
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 & http://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:
Code:
<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:
Code:
menuItems.js mmenu.js Properties (Do not upload)
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:
Important Notice:
(Do not delete the CODE below which is inside our 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
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)">
(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 ***********************************************/
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, 41 downloads)