Major Additions - Innovative Drop Down Panel

Innovative Drop Down Panel

By:

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

DESCRIPTION:
This is a Drop Down Panel, 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).

This hack is in the BETA stages AND was originally meant to be something completely different from the route I went... I might still make that mod as well but please be patient and the cat has my tongue so hmph lol. 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 add whatever you can imagine! Basically within the <div> tags you place whatever code you like... let's see you could:

- Setup to hide advertisements so your members do not have to view unless they click
- Add in a scrolling Affiliates section
- Add in a Help Section or something similar etc.
- Place Member of the week/month information

Pretty much your imagination is the limit

I said your imaginations the limit

Check this out from the 3.7 mod thread...

AND

All the THX goes to Dynamic Drive I just showed the way

I believe you can find that in the included .js file

Look for:

function ddpanel(setting){
	setting.dir="up" //initial state of panel (up="contracted")
	if (setting.stateconfig.persiststate && ddpanel.getCookie(setting.ids[0])=="down"){
		setting.dir="down"
	}

And change to suit

S-MAN

*No Screenshots - Please see Demo's my forum is Demo 1, look at the top for the RED ARROW and click it ( I have not set mine up exactly how I want it due to making the install file and packaging the zip and well to release it to you all so it's up to you to make this into EXACTLY what you can imagine ).

Demo 1: Click Here
Demo 2: Click Here

Demo 2 = Look up on the top right where it has the Red arrow and the word "toggle".

Link to full details by Dynamic Drive --> Click Here

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

TheLastSuperman
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
• Make sure under your sig on the left it has the "INSTALLED" Stamp located there else you have clicked too many times.
• Post your question/problem in the thread including screenshots.

[TheLastSuperman]

* Reserved

[TheLastSuperman]

** Reserved

[TheLastSuperman]

Thanks KW802 for the Install

What? you were the only one viewing when I noticed it had been lol.

I see your a coder/designer so you should be able to have this do whatever you can imagine

S-MAN

[TheLastSuperman]

I said your imaginations the limit

Check this out from the 3.7 mod thread...

Originally Posted by FiMeTi

Wow, thats leet. I like this feature and will use it in future. Tagged it!
=)

//Edit

Uhhh this is really sexyyyyy...
Installed & Nominated. You can even include whole tables and vb-data in this mod.
Like show new events in this toggle feature etc...
Or you can put some nice STATS with images in.... ^^

thx br0 4 sharing...

[M-Tuning]

Nice!

[TheLastSuperman]

Included Screenshots

Red text is placed in, see updated demo link #1

[DawnsWebDesigns]

You're asking us to look for this in header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

It's neither there nor in header include?

[TheLastSuperman]

Originally Posted by DawnsWebDesigns

You're asking us to look for this in header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

It's neither there nor in header include?

Well basically you want to place it where you like it, you can see the links in your header via the code i.e. browse for the code you see when you hover over a button etc, follow it down the page and then in the styles code page and place the code where you like, each style especially if you have a custom one is different in slight ways, all mine are styled so I have that code in one/some etc.

Tinker around just copy the original to wordpad etc and save & refresh then view... of not right remove the newly added coded and save OR paste back over it all w/ the saved original from notepad keep tinkering until you have the desired location.

[sailnet]

demos in this mod are on a website that is no longer on-line