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

[LgsOfChampions]

very nice. Question, does this remove the current links at the very top (settings, notifications, my profile etc?) Deff like ur mod just don't wanna have that along with what I currently have now.

If you don't know what I mean go to my site top right corner above banner.

PS. check ur PM's on other site

[ChiNa]

Nope it doesnt, it fits perfect, Here is an image!


Good luck with it, if any questions let me know!

Ups, I just saw your message on the other site, let me check your site and i let you know! Try answer me on the other site so we dont flood it here.. And check my reply as well!

[faisaly.com]

Taken from dynamic drive, hope you asked Maximus if you could use his script...

[ChiNa]

The script is for free legal use, as long as the website is mentioned and given credit too,
And sure we already have contacted DynamicDrive befor publishing, and thanks to George from DynamicDrive, we are good to use the script!

Here are some of the requirments to use this script:

Script for legal use by John Davenport Scheuer / Maxmius & www.dynamicdrive.com
Extra Credits to: John Davenport Scheuer

The script and codes have to be intact:

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


And thanks for installing

[zascok]

Nice . I can see potential in there. Just a quick suggestion. IMO it would be more effective if the slide come out on hover of the 'Welcome Admin' part. There are enough redundancies on top menu already. Nickname and My Profile are doing exactly the same thing.

[ChiNa]

Thank you for your suggestion, because not only that it uses JS file, its very hard to configure! And befor the publish I did speak to many befor making this, and they all suggested that it was best to have to the left side of the Welcome..

I will see if I can make some moves, and get a few people to advice me on the JS file!

Thank you for your suggestion,

[qpurser]

Thanks again for another promising MOD.
I didn't install this one yet but I would have a very good purpose for it on my forum.
I think it would be easy to add a line of coding but don't really know how to do it.

What I would like to do:
We have a special usergroup who has more options on the forum as the "regular" users.
I want to put those links in your MOD for this special user group.
Can I add a conditional to your menu mod which only shows up to this particular user group (when logged in) and how would I do this?

Thanks for any suggestions
Michael

EDIT
Figured it out already but maybe useful for other people using your MOD.
What I did:
<vb:if condition="is_member_of($bbuserinfo, 1,2,3)">
YOUR CODE
</vb:if>

[ChiNa]

Your Idea is great, Now I did modify the code, Thanks for the IDEA.. but your code is right now making it enable for the usergroups below:
1 Unregistered / Not Logged In
2 Registered Users
3 Users Awaiting Email Confirmation

I hope you are aware of it, I am using the code below, a bit different and "ONLY VISIBLE FOR, 5 Super Moderators,
6 Administator, 7 Moderators, 2 Registered Users..

My codes are like this:

For vBulletin 4.x:

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

For vBulletin 3.x:

<if condition="is_member_of($vbulletin->userinfo,2,5,6,7)">
PAST THE CODE HERE
</if>

Good Luck

[Milance]

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