Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Innovative Signature Showcase Details »»
Innovative Signature Showcase
Version: 0.0.1, by TheLastSuperman (Senior Member) TheLastSuperman is offline
Developer Last Online: Oct 2023 Show Printable Version Email this Page

Category: Mini Mods - Version: 4.0.x Rating:
Released: 11-14-2009 Last Update: 08-22-2010 Installs: 46
Supported Template Edits
Additional Files Translations  

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

Download Now

File Type: zip InnovativeSignatureShowcase4.0.zip (12.2 KB, 169 views)

Screenshots

File Type: png demosigslider40.PNG (107.7 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #42  
Old 08-23-2010, 06:14 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #43  
Old 08-23-2010, 06:32 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #44  
Old 08-23-2010, 06:55 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by betts02 View Post
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
Reply With Quote
  #45  
Old 08-23-2010, 06:59 PM
EquinoxWorld EquinoxWorld is offline
 
Join Date: Nov 2009
Location: Naples
Posts: 354
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #46  
Old 08-23-2010, 07:08 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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 ?
Reply With Quote
  #47  
Old 08-23-2010, 07:32 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #48  
Old 08-23-2010, 07:39 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by EquinoxWorld View Post
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 View Post
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.
Reply With Quote
  #49  
Old 08-23-2010, 08:38 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #50  
Old 08-23-2010, 08:51 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by betts02 View Post
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>
Reply With Quote
  #51  
Old 08-23-2010, 09:03 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<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
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:34 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07387 seconds
  • Memory Usage 2,362KB
  • 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