Innovative Mouseover Tabs Menu 3.6.x

Innovative Mouseover Tabs Menu 3.6.x

Mod Version: 0.0.1, by TheLastSuperman

This modification is in the archives.

vB Version: 3.6.x	Rating: (1 vote - 5.00 average)	Installs: 7
Released: 29 Nov 2008	Last Update: Never	Downloads: 30
Supported Template Edits Additional Files Is in Beta Stage

Innovative Mouseover Tabs Menu

By:

Mod Version: 0.0.1
Compatible vB version: 3.6.x , 3.7.x , 3.8.x

DESCRIPTION:
This is a Mouseover Tabs Menu, code developed by Dynamic Drive for use on personal and commercial websites (Special thanks to my Dynamic Drive for allowing me to use this script! Please see here for approval --> http://www.dynamicdrive.com/forums/showthread.php?p=172745#post172745).

This hack is in the BETA stages and can be customized several ways and works with many forms of html and VB code. The code is stable and works quite well, I cannot however give permissions to re-use the code as I normally do - sorry but it would break Dynamic Drives Terms of Use and as you can see I did obtain permission before attempting!

FEATURES:
Allows you to create a tab menu! Basically within the <div> tags you create your menu, you can change the text to images via the <img> tags and also add in your own <a href="yourlinkhere"/>Text or Image Tag & Some VB code</a>.

Example:

Code:

<div id="mytabsmenu" class="tabsmenuclass">
<ul>
<li><a href="http://www.javascriptkit.com" rel="gotsubmenu[selected]">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com" rel="gotsubmenu">CSS Drive</a></li>
<li><a href="http://www.codingforums.com">No Sub Menu</a></li>
</ul>
</div>

Additional Options:

- A corresponding sub menu container DIV.
- 2 ways to set the default tab selected when the page loads.
- Setup A Quick Forum Jump Menu.
- Add in a Help Section or something similar etc.
- Create something unique!

Pretty much your imagination is the limit

Please see Demo's

my forum is Demo 1, look at the top for the images in the navbar menu where I have replaced the main forums title (left of Welcome YourName/Private Messages

.

Demo 1: http://www.tournamentgamingworld.com/online/index.php
Demo 2: http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm

Demo 2 = Scroll Down and find the word word "Demo:" then navigate the menu.

Link to full details by Dynamic Drive --> http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm

*Attention* Please view the first page as the 2nd and 3rd post were reserved and contain additional information.

TheLastSuperman

http://www.innovationbyinstinct.com

Notes by Member's after install....(from 3.7 thread)

Quote by Ramsesx

What's the difference between your addon and the code by dd?
By default the dd code will not show the active state of the tabs on dynamic pages, how does your addon handle this?

Quote by TheLastSuperman

Should be no changes minus how I coded it

Basically like my previous mod "TGW DD Drop Down Panel" , I included a "UPLOAD" Folder w/ the original code & a link to their page for the script w/ full details on how to customize HOWEVER I also included a folder called "SMANsUPLOAD" for users to see how I tweaked etc but most links were changed to simply "http://www.tournamentgamingworld.com/online" and my form of the code has changed already

Also if you visit my forum i.e. Demo #1 and your mouse does not hover over an image it remains a blank menu (check ) plus the loading message displays from time to time if your page loads slightly slower than last time .

Basically this mod just shows you how you could implement the script. MANY users on VB.org are just listed as members and are not coders but some w/ a slight amount of experience in html or who have just dabbled can get ANY of my recent mods featuring DD Scripts to work in MANY ways if they just tinker

Did that answer your question even though I replied w/ a novel lol???

Thanks for the Install

S-MAN

For VBulletin.org Forum Support:

Click above in the right menu "Mark as Installed" else simply http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid="1674819
Post your question/problem in the thread including screenshots.

Download

This modification is archived, downloads are still allowed.

TGW-DD-MouseoverTabsMenu.zip (8.3 KB, 31 downloads)

Supporters / CoAuthors

TheLastSuperman

Screenshots

Major Additions Innovative Mouseover Tabs Menu 3.8	vBulletin 3.8 Add-ons
Major Additions Innovative Mouseover Tabs Menu 3.7.x	vBulletin 3.7 Add-ons

vBulletin LTS