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

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

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

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:

<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

[UKCE_Hitman]

Originally Posted by Milance

how to set this to be the left side of the page as http://china-cheats.com/

Can you give the code for that..

thanks

[qpurser]

Originally Posted by Milance

how to set this to be the left side of the page as http://china-cheats.com/

I moved mine also to the left.

Just edit the menuItems.js file

One of the options is menupos:'TOP',
just change it to menupos:'left',

If you want to change the initial display position from the top play around with: menutop:50,
Higher number moves the box down, lower moves it up

[UKCE_Hitman]

Originally Posted by qpurser

I moved mine also to the left.

Just edit the menuItems.js file

One of the options is menupos:'TOP',
just change it to menupos:'left',

If you want to change the initial display position from the top play around with: menutop:50,
Higher number moves the box down, lower moves it up

many thanks for that, looks better on the left.:up:

Cheers

[ChiNa]

Qpurser, Thanks for your contribution and help mate... GOOD JOB

To the guys without clicking INSTALLED:
Make sure to click installed Using my mods without INSTALLED makes me come after you, jk

Great job

[STR8H8TEx]

Originally Posted by UKCE_Hitman

many thanks for that, looks better on the left.:up:

Cheers

I did this and it still didnt move it to the left side?