The Arcive of Official vBulletin Modifications Site.

Super Display Suite 0.3.7c - Effects Mod (UPDATED) · **Released**: 02-25-2006

Welcome to my second (err... 1st and a half?) Modification for vBulletin!

Effects have been tested in and are now compatable in IE4+, Opera6+, NN7, and Mozilla Firefox 1.5

Note: This product is still in beta stages.
But has been updated for those of you with problems in the usergroup manager. It should all work fine everywhere now. For any other problems, feel free to ask. :-)

First things... What is "Super Display Suite"?
Answer: This modification allows you to add DHTML and javascript text effects to various areas of your forums, for example, if you put it in the HTML Markup for your usergroups, then all of your users in that group, and any legend you may have, will display with these effects. You can also add them around different phrases and words in your template to make it even cooler.
This can be used ANYWHERE in your forum that allows HTML code! you can even, with a few minor changes, turn it into a BBCODE, which I am currently working on optimizing, and be turned into an addon with the next release of this hack. :-).

Currently no demonstrational site available because my host bought all new servers and forgot to transfer my database or directory permissions over with my files, so I really can't use my website at all right now, and thanks to brad of www.seriosgaming.com for allowing me to work on my modification on his forums. :-) /me gives and standing ovation and a "Woop Woop!"

The modification currently has 3 animations.
1.) Shining - Like the car in Knight Rider (Where, oddly enough, the main character also plays the German coach in "Dodgeball") this effect runs over your text from right to left and vice versa, highlighting a letter at a time, making a kind of... neon lighting effect.; if you will.
2.) Glitter - Very similar to the Shining effect, except it chooses a random letter from the string to light up, then lights up for an amount of time based generally around the set speed for your span item, but it is slightly edited (randomly, as said before, by up to 10 integers in difference going positive, and another going negative... giving it a variable range of 50-70 if you put in 60 as the speed.) In the end, making a kind of "glittering" effect.
3.) A new class all it's own, the dynamically self retaining rainbow effect (I just HAD to say that) this little miracle splits your string up into individual characters, counts them, and then sets a percentile range of colors chosen specifically from a 16bit color code variance, and display them across your string, a perfect rainbow, animating from left to righ. This is probably not a good effect for small strings (8 or less characters) but it is wonderful in longer strings.

Don't forget to hit the

button if you're using this.

Install instructions:
1.) If you have "Shining UserGroup Display" modification (The "preabmle" to this mod) UNINSTALL IT, and remove "$vbphrase[shin_func_1]" from your header template and "$vbphrase[shin_func_2]" from your footer template. You may also want to make all your usergroups' open and close tags blank before going on to step 2.
2.) Import the product through your product manager. - Easy as pie.
3.a) Go to your "header template and add this line at the very top of the template:

Code:

$vbphrase[alchemy_display_func1]

3.b) Go to your "footer" template and add this line at the very bottom of the template:

Code:

$vbphrase[alchemy_display_func2]

You're done!

Using This Modification...
We're going to go over how to use this modification as a usergroup markup here, if you'd like to use it in your templates, just follow the basic idea herein.
Find your usergroup manager, and open up the userroup you would like to add the chosen effect to. (In usergroup markups, the following code needs to be on ONE line before you paste it, or else it will only paste the first line)
A note about speed: speed here is reversed, if you want it to be fast, set it to a low speed, if you want it to be slow, set it to a higher speed.

1.) To use the "Shine" animation: Being careful to replace
*#Your_Base_color* =>With=> a hexidecimal color code, starting with the "#" number symbol. An Example would be #990000
*#Your_shine_color* =>With=> a hexidecimal color code, starting with the "#" number symbol. An Example would be #ff5050
*Your_Speed* =>With=> with a numeric value, generally between 50 and 250. An Example would be 120

add this is the first box of the usergroup html markup

Code:

<font color="*#Your_Base_color*"><SCRIPT language="JavaScript"> var scolor='*#Your_Base_color*'; var a_speed='*Your_Speed*'; var shimmercount=shimmercount+1; eval('var shimmerspeed' +shimmercount+ '="' +a_speed+ '"'); eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>

and this is the second box of the usergroup markup

Code:

</span></b></font>

It is not recomended that you remove the tags here, as it would make the animation nearly pointless, because you would hardly be able to see it, if at all.

2.) To use the "Glitter" animation: Being careful to replace
*#Your_Base_color* =>With=> a hexidecimal color code, starting with the "#" number symbol. An Example would be #009900
*#Your_glitter_color* =>With=> a hexidecimal color code, starting with the "#" number symbol. An Example would be #40ee40
*Your_Speed* =>With=> with a numeric value, generally between 30 and 250. An Example would be 140

add this is the first box of the usergroup html markup

Code:

<font color="*#Your_Base_color*"><SCRIPT language="JavaScript">var scolor='*#Your_glitter_color*'; var s_speed='*Your_Speed*'; var glitcount=glitcount+1; eval('var glitspeed' +glitcount+ '="' +s_speed+ '"'); eval('var glitcolor' +glitcount+ '="' +scolor+ '"');  document.write("<b><span id='" + glitcount + "glitter'>"); </SCRIPT>

and this is the second box of the usergroup markup

Code:

</span></b></font>

It is not recomended that you remove the tags here, as it would make the animation nearly pointless, because you would hardly be able to see it, if at all.

3.) To use the "Rainbow" animation:

add this is the first box of the usergroup html markup

Code:

<SCRIPT language="JavaScript">var rainbowcount=(rainbowcount+1); document.write("<span id='rain"+rainbowcount+"'>"); </SCRIPT>

and this is the second box of the usergroup markup

Code:

</span>

Note: You can enclose the code here with or (bold) if you like to add a thickness to your rainbow. Just make sure you add the before <SCRIPT language="JavaScript"> in the opening markup; and the after in the closing markup.

That's it for now... REMEMBER, you can use these animations anywhere in your forum where HTML is allowed, in templates, in posts that allow html... anywhere :-)

Known Issues:
1.) If you have vBShout installed. The shoutbox does not seem to allow javascript... so the animations will all display right everywhere but inside the actual shoutbox. BUT in the shoutbox's individual page, it will work... just not in the AJAX area of the shoutbox.
Thanks everybody. Any question or comments can be posted in the topic at vBulletin.org, or can be asked directly to me at alchemyx@rpgfreeze.com... though I would preffer the vBulletin.org topic.

ed2k_2 · #62 03-21-2006, 03:55 PM

Having problems with my browser. Whenever I use the Quick Reply box to post, my browser becomes all white and hangs. I have to press the back button then refresh to make it run.

In some instances, my browser totally crashes.

Mastar · #63 03-21-2006, 04:10 PM

This is AWESOME!! Thanks!

AlchemyX · #64 03-26-2006, 10:00 AM

Quote:

Originally Posted by ed2k_2

Having problems with my browser. Whenever I use the Quick Reply box to post, my browser becomes all white and hangs. I have to press the back button then refresh to make it run.

In some instances, my browser totally crashes.

What browser are you using? I've never seen this before.
What kind of computer are you running? kind of old? new? beastly slow? fast? It really just depends on the client side.

Quote:

Originally Posted by bouncer18

What version of PHP does the server run ?

It needs to be above 4.0 or else libbcmath wont exsist/work

?????

It's actually not php, it's javascript.

Quote:

Originally Posted by Deimos

Can't get it working here either

Using IE7
Tried posting with HTML turned on, using the rainbow effect, nothing happend.

Now this is odd... It's probably for the same reason it won't work on some servers, which I still don't fully understand; but I do hope to have it fixed upon the next release.

Hey, sorry for taking so long to answer everyone, I'm having trouble getting to my computer right now, I'm moving to Philadelphia on monday (tomorrow) so I'm a little behind and packed away. Still working though.

Also, I'll need access to someone's vbulletin installation that has the double "%%"'s problem in their javascript console. If you can give me that access, please send me a private message.

Danecookie · #65 03-27-2006, 01:35 PM

any screenshots please?

hangoutforums · #66 03-29-2006, 08:16 PM

* This is great - clicks Install

mightyb · #67 03-31-2006, 12:41 PM

Quote:

Originally Posted by ed2k_2

Having problems with my browser. Whenever I use the Quick Reply box to post, my browser becomes all white and hangs. I have to press the back button then refresh to make it run.

In some instances, my browser totally crashes.

Im having the same problem in FF

Deimos · #68 03-31-2006, 01:23 PM

I'm wondering if the reason it didn't work is something to do with the Ebux/Eplaza hack?

cayote · #69 04-17-2006, 02:49 AM

Ok now it's broken again. I think it's to do with vbux/plaza. When you use the plaza to change your name display style, all that shows up in the forums is the alchemydisplaysuite script where the name is supposed to be. Is there a way to fix this? I'd like the displaysuite to show the name effect initially but if the user buys a new name display I'd like that to display.

Thanks

P.S. I think this is the vbux part that is causing the trouble in postbit:

Code:

<!-- vbPlaza start -->
<div id="postmenu_$post[postid]" <if condition="$post['namestyle']">style="$post[namestyle]"</if>>
<!-- vbPlaza end -->

o0Hubba0o · #70 04-22-2006, 02:14 PM

Quote:

Originally Posted by ed2k_2

Having problems with my browser. Whenever I use the Quick Reply box to post, my browser becomes all white and hangs. I have to press the back button then refresh to make it run.

In some instances, my browser totally crashes.

FINALLY!!!!!!!!!! I've been having this problem for awhile now, but it was only for admin's. Well, when this new version came out I only did it to the admins to test it. Since it didn't work I unistalled it.

Well I left this in the admin mark-up

Code:

<SCRIPT language="JavaScript"> var scolor='*#Your_Base_color*'; var a_speed='*Your_Speed*'; var shimmercount=shimmercount+1; eval('var shimmerspeed' +shimmercount+ '="' +a_speed+ '"'); eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>

I removed that and the quick reply works again. Too bad, I like the original when it came out because it worked, this one's been nothing but a headache. I hope you can get all the bugs worked out on it.

EDIT: Not sure if this will help you with some of your problems, but I clicked the xhtml validate link on one of my pages and lots of errors came up pointing to the mark-up on the user names. I'll attach a screenie of some.

Also here's a copy paste:

Code:

# Error  Line 1467 column 211: there is no attribute "language".

...ont color="#002fff"><SCRIPT language="JavaScript"> var scolor='#9dacf1'; var 

✉
# Error Line 1467 column 223: element "SCRIPT" undefined.

...002fff"><SCRIPT language="JavaScript"> var scolor='#9dacf1'; var a_speed='175

✉
# Error Line 1467 column 448: character """ is not allowed in the value of attribute "id".

... '"');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

✉
# Error Line 1467 column 449: value of attribute "id" must be a single token.

...'"');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>3

This attribute can not take a space-separated list of words as a value, but only one word ("token"). This may also be caused by the use of a space for the value of an attribute which does not permit it.

✉
# Error Line 1467 column 450: character "+" is not allowed in the value of attribute "id".

..."');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>3v

✉
# Error Line 1467 column 465: character "+" is not allowed in the value of attribute "id".

...write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>3vilfixx</span></

✉
# Error Line 1467 column 467: character """ is not allowed in the value of attribute "id".

...ite("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>3vilfixx</span></b>

✉
# Error Line 1467 column 487: end tag for "span" omitted, but OMITTAG NO was specified.

...+ shimmercount + "shine'>"); </SCRIPT>3vilfixx</span></b></font></a>, <a href

✉
# Info Line 1467 column 438: start tag was here.

...' +scolor+ '"');  document.write("<b><span id='" + shimmercount + "shine'>");

# Error Line 1467 column 487: end tag for "b" omitted, but OMITTAG NO was specified.

...+ shimmercount + "shine'>"); </SCRIPT>3vilfixx</span></b></font></a>, <a href

✉
# Info Line 1467 column 435: start tag was here.

...'="' +scolor+ '"');  document.write("<b><span id='" + shimmercount + "shine'>

# Error Line 1467 column 502: end tag for element "span" which is not open.

...+ "shine'>"); </SCRIPT>3vilfixx</span></b></font></a>, <a href='search.php?do

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

✉
# Error Line 1467 column 506: end tag for element "b" which is not open.

...hine'>"); </SCRIPT>3vilfixx</span></b></font></a>, <a href='search.php?do=fin

✉
# Error Line 1467 column 591: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.

...p;u=1' title='09:13 AM' ><font color=red>~Hubba~</font></a>, <a href='search.

✉
# Error Line 1467 column 727: element "SCRIPT" undefined.

...002fff"><SCRIPT language="JavaScript"> var scolor='#9dacf1'; var a_speed='175

✉
# Error Line 1467 column 952: character """ is not allowed in the value of attribute "id".

... '"');  document.write("<b><span id='" + shimmercount + "shine'>"); </SCRIPT>

ngham4host · #71 06-25-2007, 07:54 PM

thanks

how can i add this in Squares

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04796 seconds Memory Usage 2,349KB Queries Executed 25 (?)
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 (11)bbcode_code (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)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 (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_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!