PDA

View Full Version : Major Additions - Innovative Mouseover Tabs Menu 3.7.x


TheLastSuperman
11-28-2008, 10:00 PM
Innovative Mouseover Tabs Menu

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 --> Approved by DD (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:

<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 wher eI have replaced the main forums title (left of Welcome YourName/Private Messages :D.

Demo 1: Click Here (http://www.tournamentgamingworld.com/online/index.php)
Demo 2: Click Here (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 --> Click Here (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 :rolleyes:
www.tournamentgamingworld.com

Notes by Member's after install....

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?

Should be no changes minus how I coded it :D

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 :D) plus the loading message displays from time to time if your page loads slightly slower than last time :D.

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

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

Thanks for the Install :D

S-MAN



TheLastSuperman :rolleyes:
http://www.innovationbyinstinct.com


For VBulletin.org Forum Support:

Click above in the right menu "Mark as Installed" else simply CLICK HERE TO MARK AS INSTALLED (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid="1674818)
Post your question/problem in the thread including screenshots.

TheLastSuperman
11-28-2008, 10:25 PM
* Reserved

TheLastSuperman
11-28-2008, 10:25 PM
** Reserved

TheLastSuperman
11-29-2008, 03:49 AM
Bump, Updated w/ a Screenshot :D

Ramsesx
11-30-2008, 07:15 AM
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?

TheLastSuperman
11-30-2008, 01:52 PM
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?

Should be no changes minus how I coded it :D

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 :D) plus the loading message displays from time to time if your page loads slightly slower than last time :D.

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

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

Thanks for the Install :D

S-MAN

FiMeTi
11-30-2008, 05:23 PM
Thanks a lot for sharing this stuff with us mate :=)
I´ll check up on it... ;D

cheers

TheLastSuperman
11-30-2008, 07:04 PM
Thanks a lot for sharing this stuff with us mate :=)
I?ll check up on it... ;D

cheers

No problem, I just showed a way to use it is all and credit for code goes to Dynamic Drive :D

goxy63
12-21-2008, 05:36 PM
Nice one
Nominated, rated, installed :D

Cheers

Loki12
12-21-2008, 08:13 PM
Your demo site is not working

TheLastSuperman
12-21-2008, 08:22 PM
?? I'm on my site now ;)

I just checked DD and their site is up?

Check again :D

TheLastSuperman
12-21-2008, 08:23 PM
http://www.tournamentgamingworld.com/online/index.php

It's there, and the mod has been moved to the center now :D

Loki12
12-21-2008, 09:33 PM
http://www.tournamentgamingworld.com/online/index.php

It's there, and the mod has been moved to the center now :D

Thanks

GrendelKhan{TSU
12-23-2008, 05:37 PM
great job.

req: this would pwn with ajax. any plans for that?

FunkyDiver
12-23-2008, 08:57 PM
<a href="http://www.cssplay.co.uk/menus/" target="_blank">http://www.cssplay.co.uk/menus/</a>

Might also want to check out Stu's amazing site. No use of JS at all, it's all CSS and works like a charm.

welovehiphop
12-23-2008, 11:18 PM
Very Nice...installed on our brand new forums

TheLastSuperman
12-24-2008, 01:40 AM
great job.

req: this would pwn with ajax. any plans for that?

Not at the moment but anyone can ask DD for permission and then have a go @ it!

Remember I just showed the way, you can still use code within so it's possible to include something ;)

http://www.cssplay.co.uk/menus/

Might also want to check out Stu's amazing site. No use of JS at all, it's all CSS and works like a charm.

Thank you for that link, has a lot of info and sites can help you with many things even additions to vB, I'm not a bookworm.... just a siteworm lol!

S-MAN