Mini Mods - Innovative Signature Showcase

Innovative Signature Showcase for vBulletin 4.0
Compatible with vB4 Beta (All) and vB4 RC (All) and vBulletin Gold, pretty much 4.0.x until 4.1 is released.

By:

This is very similar to DJ's Dynamic Tab Content for Postbit Legacy found here:

https://vborg.vbsupport.ru/showthread.php?t=184136

Basically I decided to use this in my signatures and so can you, it slides in different content, the first is your signature per the boards allowed use and usergroup permissions, the second through fifth are per new profile fields you create and users simply fill in the images URL into their Options via USERCP.

** You can add more tabs/slide "dots" with other content and you can even use codes for scripts and vB codes versus images to make this achieve more! *I've had an mp3 Player in one of the "tabs" see the demo, it's slide/tab #6

Screenshot is included of this working on a 4.0 Beta 3 Install.
*The tab script used within this modification currently only compatible with FF1+ IE5+ Opr7+
Per: http://www.dynamicdrive.com/dynamici...tabcontent.htm
However it should not present an issue in other browsers unless they have show placeholders or similar enabled for images in which case little red X's might appear so you can conditional code it if desired not to show, please PM me for the code and instructions.

*Full install instructions included in the zip, once unzipped please view Install.html also the demo has two of the five images reused but hover to see the description is accurate

Future Updates to include full instructions on how to utilize this signature postbit or postbit_legacy modification so it's not just images and that will include many ideas I have not had time to look into just yet!

Files have been updated and commented to include credit to all involved:

/***********************************************
* Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* June 23rd, 09 Code re-used by TheLastSuperman per Digital Jedi's mod marked as re-useable code, all credit remains that of Dynamic Drive and then for the original use in postbit, credits go to Digital Jedi. */
/* June 23rd, 09 File names and image names changed, folder location has changed as well, all was done so it would not interfer if you have DJ's mod installed as well, in my opinion each is like an add-on per say but DJ nailed this nice function a while back ;) S-MAN */

Updated August 23rd, 10 Cleaned up install.html instructions, renames some css and other misc changes.
Updated August 5th, 09 Spare </if> caught by Loco.M (Thanks )
Updated November 15th, 09 for vBulletin 4.0

TheLastSuperman
http://www.innovationbyinstinct.com

[TheLastSuperman]

Originally Posted by betts02

<vb:if condition="$post['field5']"><tr><td class="vbmenu_option">
<iframe src="http://gamercard.xbox.com/{vb:raw post.field5}.card" scrolling="no" frameBorder="0" height="140" width="204"></iframe></td></tr></vb:if>

<vb:if condition="$post['field5']"><img src="http://avatar.xboxlive.com/avatar/{vb:raw post.field5}/avatar-body.png" align="right" width="150" height="300"/></vb:if>

I want to include both of these to use tabs 2 and 3

Then i understand the text input side of it cheers

<vb:if condition="$post['field2']"><tr><td class="vbmenu_option">
<iframe src="http://gamercard.xbox.com/{vb:raw post.field2}.card" scrolling="no" frameBorder="0" height="140" width="204"></iframe></td></tr></vb:if>

<vb:if condition="$post['field3']"><img src="http://avatar.xboxlive.com/avatar/{vb:raw post.field3}/avatar-body.png" align="right" width="150" height="300"/></vb:if>

However I don't like to use TD code in vB4, I prefer css in DIV's so you could wrap it in a <div style=" or <div class="

[betts02]

Sorry but i do not understand coding

Can you post what i need to paste over say teab 2 ?

Also,lol

Can the inputed field be a clickable link ?
And how do i remove the "Signature Showcase" and place say "Information" ?

Many thanks for the help

[TheLastSuperman]

Originally Posted by betts02

Sorry but i do not understand coding

Can you post what i need to paste over say teab 2 ?

Also,lol

Can the inputed field be a clickable link ?
And how do i remove the "Signature Showcase" and place say "Information" ?

Many thanks for the help

It's a good thing I marked this as Supported eh? J/K

Sure

<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
 <div class="info">				
<vb:if condition="$post['field2']"><tr><td class="vbmenu_option">
<iframe src="http://gamercard.xbox.com/{vb:raw post.field2}.card" scrolling="no" frameBorder="0" height="140" width="204"></iframe></td></tr></vb:if>
 </div>
</div>

If you want to make the field clickable then it must be a URL in the field OR you specify ahead of time... Example:

<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
 <div class="info">				
<vb:if condition="$post['field2']">
<a href="{vb:raw post.field2}">Your Link Name here etc</a>
</vb:if>
 </div>
</div>

[betts02]

Many, Many, Many thanks

Great mod and as you see, Very well supported,lol

And i know your sat there laughing, Thinking "go away"lol

How do i change the "Signature Showcase" to Clan Information" ?

Cheers

Nominated
Installed
Rated

[TheLastSuperman]

Originally Posted by betts02

Many, Many, Many thanks

Great mod and as you see, Very well supported,lol

And i know your sat there laughing, Thinking "go away"lol

How do i change the "Signature Showcase" to Clan Information" ?

Cheers

Nominated
Installed
Rated

Nooo LOL I simply kept coming back to check on you , I never ignore people on purpose I just may never come back to a thread that's not mine unless I receive a PM etc but that's only due to working 16-18 hours a day

Look in the code I provided that you replace the signature code with in your template... you'll see the text "Signature Showcase" and simply change that to what you need. Now... don't forget but you can add this to their profile sig area too LOL but support for that would have to wait until sometime later I'm about to get back on a few mods I'm making and two sites for the night but if you post I'll check back on you .

[TheLastSuperman]

Originally Posted by betts02

Many, Many, Many thanks

Great mod and as you see, Very well supported,lol

And i know your sat there laughing, Thinking "go away"lol

How do i change the "Signature Showcase" to Clan Information" ?

Cheers

Nominated
Installed
Rated

On second thought... since the new mods almost done you might tell me to go away after all those edits.

Status Update for upcoming release of this modification in Product form:

- Auto templates in the Signature Showcase, currently this includes the JS and CSS links within (needs to be in head or headinclude etc see below for expected features).
- Requires <vb:comment> commenting out current signature code in postbit.
- Requires Setup of Profile Fields.

Before the release you can expect one or all of these features:

- Auto removal of default signature code.
- Removal of JS and CSS links in showcase templates and addition of css page.
- Auto addition of JS link in header or headinclude.

I might leave the profile fields, this way more can be added by the site owner via the showcase template and still leaves customization intact or is fully functional as-is otherwise they would need to edit the product and no one wants that.

Please bare with me and be patient as I'm quite busy atm but this will be released within the week at the latest this weekend as I'm working on this in my spare time which is sparse.

- Mike

[Alucard^]

Is not possible adding support for Google Chrome? or Google Chrome have to add support for this?

And also i tested with Firefox and when tabs appear, but when i selected the second tab, nothing appear there (and i added some text to the new profile field). But well.. doesn't matter that, i will only use this if work with Google Chrome, cuz a lot of users use this browser (me too).

Sry for my english.

[TheLastSuperman]

Originally Posted by Alucard^

Is not possible adding support for Google Chrome? or Google Chrome have to add support for this?

And also i tested with Firefox and when tabs appear, but when i selected the second tab, nothing appear there (and i added some text to the new profile field). But well.. doesn't matter that, i will only use this if work with Google Chrome, cuz a lot of users use this browser (me too).

Sry for my english.

As I mentioned above, when I have more time I will look into it . I've actually ran into several tab content scripts not too long ago and I have them bookmarked. After this mod is released in product form I'll take request including a tab script that will work in Chrome. One thing you have to realize is that, this is a free script so many fancy scripts that are for sell can't be redistributed or re-packaged. I actually have permission from Dynamic Drive to release their scripts as modifications here although I'm just now making this into the first product style DD mod.

If in the meantime though you happen across one of those script/coding sites with a nifty script post here and I might add it in to the 2nd product release.

ESL? Pretty decent for ESL .

[EquinoxWorld]

Hello TLS, I have an idea on how to permanently fix the bouncing of the pages, at least from my behalf. What if you can keep those extra lines that appear on the first signature, on everyone of the extra sigs. Meaning the member added lines would appear on every sigtab and only the sigs would rotate automatically if enabled or by clicking on the dots. If this is possible that would eliminate the need for extra CSS and would still be contained in the original signature container. If this is possible it would be an awesome addition to an even greater mod.

[TheLastSuperman]

Originally Posted by EquinoxWorld

Hello TLS, I have an idea on how to permanently fix the bouncing of the pages, at least from my behalf. What if you can keep those extra lines that appear on the first signature, on everyone of the extra sigs. Meaning the member added lines would appear on every sigtab and only the sigs would rotate automatically if enabled or by clicking on the dots. If this is possible that would eliminate the need for extra CSS and would still be contained in the original signature container. If this is possible it would be an awesome addition to an even greater mod.

Actually I used css to define a fixed height, users in Version 2 will be able to define the height. I have it nearly done AND a new content script included that is Compatible with Opera, Safari, Chrome, FF, and IE plus the fact it's all auto template... currently I have one issue where you must comment out the default sig but I'll get around that, with or without help - I always do, it's called persistence or some call it dedication .

Give me some time, I'm quite busy atm but I should have it out after the 31st, I need to launch my new site before it's released... I did just release the Innovative Ads After First Post because it didn't take that long to do quite honestly and v2 of that mod and this one will be out in a few weeks as well so bare with me and I'll do you right!