Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.5 > vBulletin 3.5 Add-ons

Reply
 
Thread Tools
Super Display Suite 0.3.7c - Effects Mod (UPDATED) Details »»
Super Display Suite 0.3.7c - Effects Mod (UPDATED)
Version: 0.3.7c, by AlchemyX AlchemyX is offline
Developer Last Online: Aug 2009 Show Printable Version Email this Page

Version: 3.5.4 Rating:
Released: 02-25-2006 Last Update: 03-12-2006 Installs: 46
DB Changes Uses Plugins Template Edits
Is in Beta Stage  
No support by the author.

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 <b> 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 <b> 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 <b> or <strong> (bold) if you like to add a thickness to your rainbow. Just make sure you add the <b> before <SCRIPT language="JavaScript"> in the opening markup; and the </b> after </span> 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.

Show Your Support

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

Comments
  #2  
Old 02-26-2006, 02:46 AM
Daniel's Avatar
Daniel Daniel is offline
 
Join Date: Jul 2005
Location: USA
Posts: 707
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Nice job, looks like you put a lot of effort into it.
Reply With Quote
  #3  
Old 02-26-2006, 03:08 AM
Elmer's Avatar
Elmer Elmer is offline
 
Join Date: Aug 2002
Location: Washington DC
Posts: 211
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Looks interesting, I will try it.
Reply With Quote
  #4  
Old 02-26-2006, 03:44 AM
Smiry Kin's's Avatar
Smiry Kin's Smiry Kin's is offline
 
Join Date: Dec 2005
Location: United Kingdom!
Posts: 954
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

[high]* Smiry Kin's saves for future use.. [/high]
Reply With Quote
  #5  
Old 02-26-2006, 04:20 AM
o0Hubba0o's Avatar
o0Hubba0o o0Hubba0o is offline
 
Join Date: Mar 2005
Location: Minnesota
Posts: 263
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Sweet, I just had the admins with this untill a speed option was implemented, so now I'll delete that one and put this one in. Thanks for the quick update on it!
Reply With Quote
  #6  
Old 02-26-2006, 04:32 AM
AlchemyX AlchemyX is offline
 
Join Date: Jan 2006
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by o0Hubba0o
Sweet, I just had the admins with this untill a speed option was implemented, so now I'll delete that one and put this one in. Thanks for the quick update on it!
You're quite welcome. :-)

I'm trying to work on another animation that will use css relative positioning to make the text bounce... in this way creating a randon letter bouncing effect, and also having the means to create a several letter effecting wave animation. :-)

It's a bit confusing, and I'm not getting it right yet... but just give it time.
Reply With Quote
  #7  
Old 02-26-2006, 04:49 AM
yinyang's Avatar
yinyang yinyang is offline
 
Join Date: May 2004
Location: Los Angeles
Posts: 580
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

maybe it is just me, but the demo link doesn't work.
Reply With Quote
  #8  
Old 02-26-2006, 05:00 AM
o0Hubba0o's Avatar
o0Hubba0o o0Hubba0o is offline
 
Join Date: Mar 2005
Location: Minnesota
Posts: 263
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hmm, this is wierd, it's not working now with the new one. I unstalled the old one, removed the header/footer codes and removed all markups form user groups. As of now the user groups show up in the base color and bold, but that's it.
Reply With Quote
  #9  
Old 02-26-2006, 05:08 AM
eNforce's Avatar
eNforce eNforce is offline
 
Join Date: Aug 2004
Location: Canada, AB
Posts: 341
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by o0Hubba0o
Hmm, this is wierd, it's not working now with the new one. I unstalled the old one, removed the header/footer codes and removed all markups form user groups. As of now the user groups show up in the base color and bold, but that's it.
Ditto, same thing :nervous:
Reply With Quote
  #10  
Old 02-26-2006, 05:12 AM
o0Hubba0o's Avatar
o0Hubba0o o0Hubba0o is offline
 
Join Date: Mar 2005
Location: Minnesota
Posts: 263
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by eNforce
Ditto, same thing :nervous:
Ok, then I'm guessing it's not just something I did lol.
Reply With Quote
Reply

Thread Tools

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 01:53 AM.


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.05156 seconds
  • Memory Usage 2,305KB
  • Queries Executed 23 (?)
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
  • (8)bbcode_code
  • (3)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
  • (2)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (9)postbit
  • (10)postbit_onlinestatus
  • (10)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