Innovative Signature Showcase
 

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:
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 :D)
Updated November 15th, 09 for vBulletin 4.0 ;)

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

Reserved for Update Notices & Future info on how to display scripts in the tabs/slides versus images only ;).

oh WOW " vBulletin 4.0 Modifications"
how to install vb 4?

Download the .zip file and then open up the "Readme.html" file you can right-click it and say open in Internet Explorer or Firefox ;) then it has all the info there :D

Mike

Thanks for a great little mod - gonna install on beta soon to give it a test

Thanks! It works great on Beta 3 ;)

Also I'll have some info up ASAP on how to utilize this with other scripts and mods including a 6th slide with an MP3 Player.

Mike

great mod, had installed a version of this on a clients site a while back, nice idea :)

Thanks!

And yeah, remember you found the extra </if> in the code... your noted above too :D

I'm waiting on Digital Jedi to re-release his for 4.0 ;)

You lost me 1/2 way into step 3.

I just noticed an error in the install info and a bug where it will not rotate the content when clicked after you post again in the same page :erm: you say? I know :eek:

Fix first thing in the morning, one of the least complicated mods released and perhaps the first 4.0 update sent out rofl I kill myself sometimes :p

Mike

Updated!

Also update sent out for those who marked as installed ;)

Fixed it to where it displays properly when you post more than once on the same page in a thread and cleared up the confusion in the install.html :D

Mike

Please excuse my ignorance. I created the new profile field as a single line text box... Modding the code for the correct field number is easy enough also.

I get to:
4. Go into your postbit OR postbit_legacy template (whichever one you use with your style) and find: FIND WHAT?
1. I can not find that code
2. If I find it am i supposed to paste something under it?

It's the default code to display signature found in EVERY default style ;) i.e. in Postbit or Postbit Legacy FIND:

And replace ALL of that with the code I provided in the Install.html :D

Ignorance is bliss on occasion so live it up good sir :p (kidding I'm a funny guy imo.. and maybe some others)

Mike

Thanks Mike!

No problem! although don't forget to click "Mark as Installed" so you receive updates! I actually sent out an update the night before last err yesterday morning so if you downloaded it before then please re-download the new files and use the new code I had some syntax wrong ;).

Mike

try try try

thxxx man
________
385 Engine

Your welcome - Enjoy :D

Thank you dear sir

I will return later
________
Black Girl

Your welcome :D

But ?'s or troubles installing? Maybe I'm reading too far into your posts but no need to return UNTIL I post how to add all sorts of neat features like a mp3 player, moving parts of postbit into a tab so you can cleanup your look and tons of other neat things I've been tinkering with recently :D

Mike

There is no header_include - Only headinclude
However when i add it to the very bottom of that, my whole forum pretty much disappears, there are no forum categories, only the information at the bottom, such as who is online and the Icon Legend..

Am i doing anything wrong?

Your correct, it is headinclude ;)

Find:

Add after:

Now give it a go ;)

I didn't understand steps 3 and up in your tutorial. Could you please make those more understandable and easy to follow? Sorry, I'm sort of a newb, but yeah...

I had some errors in vB4.0 Gold so I changed it a little.

<a class="musername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
to
<a class="musername" href="member.php?{vb:raw post.userid}-{vb:raw post.musername}">{vb:raw post.musername}</a>

,

$post[signature]
to
{vb:raw post.signature}


And

src="$post[field5]"
to
src="{vb:raw post.field6}"

See Below

Sorry, seems I uploaded the 3.8 file by mistake last time I'll have it updated tomorrow with the 4.x version I still have the .zip here on my hd and it's very similar to your code TheHardest ;)

Mike

And Updated but here is the code:

This is cool..will definately be using this!!! great mod superman:D

Thank you Mike Another Superb Mod.
My Members love this one.

I'll be in later to see about the other mod that is causing an issue, I need to know what new mod you have installed that is hindering the Sig showcase mod then I can post for others the fix or the info that "hey this will not work if you have this other mod installed" etc.

Mike

Mike when you get a chance will you come over and check out whats making this not work...me and rammie have bot looked but cant find the issue..cheers Col ;)

O.o I became side tracked with paid requests and work that I completely forgot to come back and check for you guys I'm sorry... let me finish up what I came on here to do i.e. find lol and I'll have a look first thing tomorrow... It has to be one of the mods you installed around that same time but if we have to I'll simply remove it and place the signature song I put in your version in your members profiles so everyone will have a nice little profile song ;).

Mike

Thats Great Mike cheers!!!

Update - Cleaned up the install.html file and tried to make details very simple. I expect to release a full product soon with option to enable/disable per forum basis and on/off in admincp and auto-template install... well 99.9% auto :p.

Mike. Your demo is dead :X

Mike :)

But the screenshot is still good ftw although it does not show the true functionality of this... DJ's demo get's the point across though.

FYI I used to be the main admin at that site, things went south in RL so I decided to code for a living.. I didn't have time for games or tournaments anymore and since I've been busy actually working they moved onto phpBB :erm:... even after getting a free Suite from me :confused: but so far it's going well, life is good and a full product for the signature showcase after the "Opening Soon" in my sig has passed :D.

I just posted that I was off to bed so now I must lol :rolleyes:

- Mike :cool:

Awesome mod , great work, although I can't get the buttons to show on any of them. I'm using FF and Chrome and neither show them. Also is there any way to make the page not "jump" when a user has this mod. Seems though it makes the page jump , when trying to make a post this can be REALLY annoying. Awesome work though, thank you for the addition.

EDITED:. To make the pages not jump I have added an additional CSS for class .tabcontent and placed a minimum-height so that after the first sig is displayed (if it has other additional lines apart from the sig) the page will not jump back . The buttons not showing is still an issue for us though : ( .

Sometimes you need to add a / in front of any image URL, it seems last night before releasing I forgot to add the code back in (I have my images in another directory so the url was wrong in the css but don't tell anyone :p) to the correct url.. it was a late night err morning rather :D. I've cleaned up the code a bit more and changed the .tabcontent to .tabcontentss. Do me a favor, download the new .zip and overwrite all the old files then let me know if you have any issues.

What did you add to the CSS a min/max-height or other? Also thanks for the catch on the images I mentioned that when sending out the update just now ;). *One thing to remember is... some will want the post to become shorter/longer with the different content that is shown, it shows interaction and you can quit clicking the "dots" for it to stop then simply click Edit or Reply etc. or some like you will not like that, I imagine it's not an issue in DJ's version for userinfo in the postbit_legacy because it's already so tall and you don't notice any extra space when switching between ;) although all of this is simply a matter of preference.

Well for our case I added 650px for minimum-height and no max. My reasoning behind this is that because only the first sig will have those extra lines that user can edit through their profile , the other images are just images, so max height in this case is not needed. I added 650px because we allow our members to have about 15 lines on their sig (max amount of lines we allow for the highest usergroup), so one should see how many lines they allow or how many characters and adjust accordingly. I also did not add the max height because we have the sig slider as an option to buy in our shop , and one of our requisite before purchasing is that the additional images must be the same size, although this measure was because of the issue we were having with the pages jumping, this way I would only have to control the first sig with min-height and not worry about the rest because they would be smaller or the same size. This is not an issue with the other mod (DJ's) because there is no additional content aside from the one created , in this case one has to take in account what the user has added to their sigs. Another thing I tried was to have it to position:absolute; but this was causing the extra lines to overlap onto the next post if there was alot of lines added, although this did little to fixing the problem. The only additional CSS I have added is min-height: 650; and so far no jumping . Check it out here: http://www.aniworlds.net/forum/galle...h-edition.html

Will do : ) Thanks for the update TLS

Hmm then try this code:

So just in case they purchase before making a sig or if they simply don't have one it will show all tabs, be sure to replace the new profile field number labeled ??? in my code above with the new field number or you can relabel from the beginning with the appropriate id's too. Don't foget you can use fancy scripts inside a tab so if you wanted them to be able to show something else off simply add in the code to one of the tabs and now that script with it's content shows instead of an image ;).

No problem :D