The Arcive of Official vBulletin Modifications Site.

Innovative Signature Showcase · **Released**: 11-14-2009

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:

Code:

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

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

betts02 · #42 08-23-2010, 06:14 PM

Installed but all i get is the "NGG betts02's signature showcase" and nothing else

I used the code in the install file as i already have fields 5-7 installed, but i dont see anything else, not eben the dots

http://www.nextgenerationgamers.co.u...2784#post22784

As you may see in this post

To add to this :

I tried both postbit and postbit_legacy

betts02 · #43 08-23-2010, 06:32 PM

OK tried again and now it has my original sigs, then red X'x under them and not in a line ?

Any help would be greatfull as i am not very clued up with these sort of things,lol

I want to add some text in say field 7, the xbox gamer card in field 5, etc

As seen in this post - http://www.nextgenerationgamers.co.u...ll=1#post22787

TheLastSuperman · #44 08-23-2010, 06:55 PM

Quote:

Originally Posted by betts02

OK tried again and now it has my original sigs, then red X'x under them and not in a line ?

Any help would be greatfull as i am not very clued up with these sort of things,lol

I want to add some text in say field 7, the xbox gamer card in field 5, etc

As seen in this post - http://www.nextgenerationgamers.co.u...ll=1#post22787

In the postbit_slide folder, locate the slidecontent.css and open; Now anywhere you see this type of code:

Code:

background:  url(postbit_slide/smanslidebg.png) center center;

Simply add a / in front of postbit_slide i.e.

Code:

background:  url(/postbit_slide/smanslidebg.png) center center;

Now if that does not work absolute URL should so then repalce the image URL with the full image url i.e.

Code:

background:  url(http://www.mysiteurl.com/postbit_slide/smanslidebg.png) center center;

If your forum is not in the root then add your forum folder name to the URL i.e.

Code:

background:  url(http://www.mysiteurl.com/forum/postbit_slide/smanslidebg.png) center center;

That should fix you up, let me know

*Don't forget to upload it again so the new file is in place with the new code

EquinoxWorld · #45 08-23-2010, 06:59 PM

Hello TLS,

I have added your code above, everything seems to work fine, I have turned the autorotate off , the buttons do show now perfectly with FF but with chrome no such luck unfortunately. I'm going to leave this way how it is now so at least members who use this mod with FF can show off their work. I am also looking into a fix for chrome , if I find it I'll post it here : ) . Thanks for the help my friend. Impressive mod I may say.

betts02 · #46 08-23-2010, 07:08 PM

I did the edits, When i posted up, i got the exact same with the red x'x, when i re-freshed the page there was no dots or red x's like here - http://www.nextgenerationgamers.co.u...ll=1#post22792

But as you can see
http://www.nextgenerationgamers.co.u...manslidebg.png
I have the file path correct so ?

betts02 · #47 08-23-2010, 07:32 PM

OK, I can see the tab links when i hover over them, They are too like the background colour to notice them, how do i change the colour to say brigh red ?

Also how would i go about adding a members xbox gamer card in say tab 2 ?
some text taken from the profile fields in the other tabs ?

I only want the 1 sig image

TheLastSuperman · #48 08-23-2010, 07:39 PM

Quote:

Originally Posted by EquinoxWorld

Hello TLS,

I have added your code above, everything seems to work fine, I have turned the autorotate off , the buttons do show now perfectly with FF but with chrome no such luck unfortunately. I'm going to leave this way how it is now so at least members who use this mod with FF can show off their work. I am also looking into a fix for chrome , if I find it I'll post it here : ) . Thanks for the help my friend. Impressive mod I may say.

Confirmed, the tab content script used within is only compatible with FF1+ IE5+ Opr7+ per http://www.dynamicdrive.com/dynamici...tabcontent.htm but as you said many can use.

Quote:

Originally Posted by betts02

I did the edits, When i posted up, i got the exact same with the red x'x, when i re-freshed the page there was no dots or red x's like here - http://www.nextgenerationgamers.co.u...ll=1#post22792

But as you can see
http://www.nextgenerationgamers.co.u...manslidebg.png
I have the file path correct so ?

Chrome or Safari? It's working for me in IE8 and FF 3.6 including mouseover description etc.

I have coded this before so that you can create a public usergroup and if they have display issues in a browser or perhaps with a portable device then they simply join the public usergroup that has no permissions whatsoever we simply use it to identify that if they are in the group remove the showcase

so something else to consider. If/When I have time after the product release I'll also look for another script to replace this one.

betts02 · #49 08-23-2010, 08:38 PM

For some reason, It had compatability on

But working fine now,cheers

Any help on adding :

Xbox live gamer card - Tab 2
User inputed text via profile fild 6 - Tab 3
User inputed text via profile fild 7 - Tab 4
User inputed text via profile fild 8 - Tab 5

Cheers

TheLastSuperman · #50 08-23-2010, 08:51 PM

Quote:

Originally Posted by betts02

For some reason, It had compatability on

But working fine now,cheers

Any help on adding :

Xbox live gamer card - Tab 2
User inputed text via profile fild 6 - Tab 3
User inputed text via profile fild 7 - Tab 4
User inputed text via profile fild 8 - Tab 5

Cheers

Sure, very simple

Find the tab div code:

Code:

<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
 <div class="info">				
{vb:raw post.field5}
 </div>
</div>

Simply remove any image code etc and leave the {vb:raw post.field5} if you want to show only what they type in the field otherwise for example if profile field 5 is asking what type of computer do you use PC or MAC you could customize like:

Code:

<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
 <div class="info">				
I'm a {vb:raw post.field5}
 </div>
</div>

Then that would show in the sig showcase "I'm a MAC" or "I'm a PC" etc. Don't forget you can use conditionals here for the field reply to customize further

.

As for the xbox gamercard etc simply replace the code in the DIV with the script code for the xbox gamertag i.e.

Code:

<!-- SLIDE 2 CONTENT -->
<div id="tab2post{vb:raw post.postid}" class="tabcontentss">
 <div class="info">				
Your code here {vb:raw post.field5} should replace the part of the code asking for their gamertag name or profile ID it's beeen a while but simply replace what links to their account on LIVE with the field data so for me on XBOX (again it's been a while) my gamertag is Superman4Life so if it requires your gamertag in the code simply use the {field#} in the code.
 </div>
</div>

*Don't forget to rename the tab info i.e.

tab2post to tab6post if adding in more and also in the <li>'s add another reference for a new dot i.e.

Code:

<li><span title="View Tab 6"><a href="#" rel="tab6post{vb:raw post.postid}"> </a></span></li>

betts02 · #51 08-23-2010, 09:03 PM

<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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04904 seconds Memory Usage 2,344KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (10)bbcode_code (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!