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
Super Display Suite [Animated Rainbow] vB4 Details »»
Super Display Suite [Animated Rainbow] vB4
Version: 4.00, by DarkSupremo DarkSupremo is offline
Developer Last Online: Jan 2011 Show Printable Version Email this Page

Category: Forum Display Enhancements - Version: 4.0.x Rating:
Released: 11-10-2010 Last Update: 11-14-2010 Installs: 26
Template Edits
Re-useable Code Additional Files  
No support by the author.

NOTE: This is originally made by: AlchemyX to vB Version: 3.5.4
Original Topic: https://vborg.vbsupport.ru/showthrea...effects&page=6

I Just updated it to work with vB 4.0.8 or any other version.


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.

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.


Install instructions:

- Upload all files of upload.zip to your root folder.
- In AdminCP, go to: Style Manager, in the style that you want, select "All Style Options" and click in "GO"
- In first line of header add:
Code:
<script language="javascript" src="header_color.js"></script>
- In the first line of footer add:
Code:
<script language="javascript" src="footer_color.js"></script>
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
You can configure all color and speed if you want editing the s1.js.

LIVE PREVIEW: http://www.garenamaster-forum.com/me...iled.LGND.Kace
User: test
Pass: test123

add this is the first box of the usergroup html markup
Code:
<script language="javascript" src="s1.js"></script>
and this is the second box of the usergroup markup
Code:
</span>
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
You can configure the color if you want.

LIVE PREVIEW: http://www.garenamaster-forum.com/member.php?29-Lolo
User: test
Pass: test123

add this is the first box of the usergroup html markup
Code:
<b><i><font face="Palatino Linotype" color="#ffa500" style="background:url(pxg.gif) repeat-x">
and this is the second box of the usergroup markup
Code:
</font></i></b>
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:
You can configure the color if you want.

LIVE PREVIEW: http://www.garenamaster-forum.com/me...?1-DarkSupremo
User: test
Pass: test123

add this is the first box of the usergroup html markup
Code:
<font color="red"><b><script language="javascript" src="r1.js"></script>
and this is the second box of the usergroup markup
Code:
</span></b></font>
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 :-)

Download Now

File Type: zip upload.zip (3.5 KB, 208 views)

Show Your Support

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

Comments
  #42  
Old 11-15-2010, 07:54 PM
DarkSupremo DarkSupremo is offline
 
Join Date: Nov 2010
Posts: 20
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Ok, topic updated, just upload all content of upload.zip in your root folder, and follow the new instructions and everything will work, all codes now have less than 100 character.
Reply With Quote
  #43  
Old 11-15-2010, 08:54 PM
Harley D's Avatar
Harley D Harley D is offline
 
Join Date: Jan 2003
Location: WagnerTech.net
Posts: 266
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I uploaded the new files and changed the Usergroupmarkup for the "Shine" animation, now the page loads then reloads to a blank page? So does Rainbow
Did I miss something?
EDIT: It might be a Java conflict with another mod, I'll test more after work and let you know.

Glitter is working
Reply With Quote
  #44  
Old 11-16-2010, 01:26 PM
denman75 denman75 is offline
 
Join Date: Aug 2006
Location: Netherlands
Posts: 228
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

same here the page reloads to a blank page and its not possible to return to the forum.php
Reply With Quote
  #45  
Old 11-16-2010, 02:14 PM
T.Nguyen T.Nguyen is offline
 
Join Date: Jun 2010
Posts: 34
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Here is the way you can use this mod. Log in MyAdminPHP and click on usergroup table, change the opentag and closetag from CHAR to TEXT and save it.



It'll be worked 100%. And the html boxes will be unlimitted

Just upload the header-color.js and footer-color.js to the root, and use these codes below.

1.) To use the "Shine" animation: Being careful to replace
You can configure all color and speed if you want.

add this is the first box of the usergroup html markup

Code:
<font color="#33FF00"><SCRIPT language="JavaScript"> var scolor='#FFCCCC'; var a_speed='140'; var shimmercount=shimmercount+1; eval('var shimmerspeed' +shimmercount+ '="' +a_speed+ '"'); eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"');  document.write("<span id='" + shimmercount + "shine'>"); </SCRIPT>
and this is the second box of the usergroup markup

Code:
</span></b></font>

2.) To use the "Glitter" animation: Being careful to replace

Code:
<b><i><font face="Palatino Linotype" color="#ffa500" style="background:url(http://i35.tinypic.com/pxg87.gif) repeat-x">"); </SCRIPT>

and this is the second box of the usergroup markup

Code:
</font></i></b>

3.) To use the "Rainbow" animation:

Code:
<font color="red"><b><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></b></font>
Reply With Quote
  #46  
Old 11-16-2010, 03:22 PM
denman75 denman75 is offline
 
Join Date: Aug 2006
Location: Netherlands
Posts: 228
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

tnx but i am not going to alter my database for it ,but thanks for sharing.
Reply With Quote
  #47  
Old 11-16-2010, 05:29 PM
DarkSupremo DarkSupremo is offline
 
Join Date: Nov 2010
Posts: 20
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by T.Nguyen View Post
Here is the way you can use this mod. Log in MyAdminPHP and click on usergroup table, change the opentag and closetag from CHAR to TEXT and save it.



It'll be worked 100%. And the html boxes will be unlimitted

Just upload the header-color.js and footer-color.js to the root, and use these codes below.

1.) To use the "Shine" animation: Being careful to replace
You can configure all color and speed if you want.

add this is the first box of the usergroup html markup

Code:
<font color="#33FF00"><SCRIPT language="JavaScript"> var scolor='#FFCCCC'; var a_speed='140'; var shimmercount=shimmercount+1; eval('var shimmerspeed' +shimmercount+ '="' +a_speed+ '"'); eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"');  document.write("<span id='" + shimmercount + "shine'>"); </SCRIPT>
and this is the second box of the usergroup markup

Code:
</span></b></font>

2.) To use the "Glitter" animation: Being careful to replace

Code:
<b><i><font face="Palatino Linotype" color="#ffa500" style="background:url(http://i35.tinypic.com/pxg87.gif) repeat-x">"); </SCRIPT>

and this is the second box of the usergroup markup

Code:
</font></i></b>

3.) To use the "Rainbow" animation:

Code:
<font color="red"><b><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></b></font>
This is exactly what my old plugin do...
change it to TEXT, but many people reported that still 100 char limit...

and about the "blank page", i tested everything here and working 100% in this new way...
Reply With Quote
  #48  
Old 11-16-2010, 06:31 PM
T.Nguyen T.Nguyen is offline
 
Join Date: Jun 2010
Posts: 34
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Yea, I don't know why your product is not working. But after I changed it from CHAR to TEXT. There is no more limit

Thanks for the mod anyway
Reply With Quote
  #49  
Old 11-26-2010, 10:31 PM
vaguard vaguard is offline
 
Join Date: Jun 2007
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Installed on 4.08 patch 2 and works great, no problems.
Reply With Quote
  #50  
Old 11-28-2010, 12:08 AM
djscoop djscoop is offline
 
Join Date: Jun 2010
Posts: 31
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Works perfect now! Thanks.
Reply With Quote
  #51  
Old 11-30-2010, 02:15 AM
FreshFroot's Avatar
FreshFroot FreshFroot is offline
 
Join Date: Jul 2005
Posts: 770
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Working great on vB3.8.6
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 12:14 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.08937 seconds
  • Memory Usage 2,357KB
  • 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
  • (20)bbcode_code
  • (1)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
  • (3)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
  • (1)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