Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Super Display Suite [Animated Rainbow] vB4 Details »
Super Display Suite [Animated Rainbow] vB4
Mod Version: 4.00, by DarkSupremo (Member) DarkSupremo is offline
Developer Last Online: Jan 2011 I like it Show Printable Version Email this Page

vB Version: 4.0.x Rating: (5 votes - 5.00 average) Installs: 25
Released: 11 Nov 2010 Last Update: 15 Nov 2010 Downloads: 206
Not Supported Template Edits Additional Files Re-usable Code  

NOTE: This is originally made by: AlchemyX to vB Version: 3.5.4
Original Topic: http://www.vbulletin.org/forum/showt...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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

- In the first line of footer add:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and this is the second box of the usergroup markup

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and this is the second box of the usergroup markup

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and this is the second box of the usergroup markup

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Super Display Suite 0.3.7c - Effects Mod (UPDATED) AlchemyX vBulletin 3.5 Add-ons 80 18 Jul 2010 17:51

Comments
  #2  
Old 11 Nov 2010, 16:14
Kraxell's Avatar
Kraxell Kraxell is offline
 
Join Date: Jun 2010
Real name: Andi
nice idea but make website lagging....
Reply With Quote
  #3  
Old 11 Nov 2010, 16:24
DarkSupremo DarkSupremo is offline
 
Join Date: Nov 2010
I use on my forum, and no lag here
Reply With Quote
  #4  
Old 11 Nov 2010, 16:37
SwollenCranium's Avatar
SwollenCranium SwollenCranium is offline
 
Join Date: Oct 2007
Location: Raleigh, NC
Your DEMO links:

Permissions are set to NOT allow guest views and you did NOT provide a test log-in account.
Reply With Quote
  #5  
Old 11 Nov 2010, 16:46
djscoop djscoop is offline
 
Join Date: Jun 2010
hmm.....i tried this and it jacked my forum all up...the entire forum was no lined up and out of wack!

Any help?
Reply With Quote
  #6  
Old 11 Nov 2010, 16:58
DarkSupremo DarkSupremo is offline
 
Join Date: Nov 2010
Added user and pass...

User: test
Pass: test123
Reply With Quote
  #7  
Old 11 Nov 2010, 18:10
FReeSTER FReeSTER is offline
 
Join Date: Jun 2006
Originally Posted by djscoop View Post
hmm.....i tried this and it jacked my forum all up...the entire forum was no lined up and out of wack!

Any help?
same with me mate, Im using vB v4.3

Un-installed for now
Reply With Quote
  #8  
Old 11 Nov 2010, 18:34
djscoop djscoop is offline
 
Join Date: Jun 2010
Originally Posted by El Intocable View Post
same with me mate, Im using vB v4.3

Un-installed for now
Glad it wasnt just me...i followed directions to a T!
Reply With Quote
  #9  
Old 11 Nov 2010, 20:28
DarkSupremo DarkSupremo is offline
 
Join Date: Nov 2010
Strange....

You fallowed the installation steps?
Uploaded the .js to root folder?
Pasted the first part in HEADER, not in HEADER INCLUDE, right?
Added the code to each group in User Group?

Tested here on v4.0.8 and worked 100%


if you did everything and still not worked, try this:

Another way to do it:

Instead of using .js

on first line of head, paste it:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


in first line of footer, paste it:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #10  
Old 11 Nov 2010, 21:54
WendM's Avatar
WendM WendM is offline
 
Join Date: Apr 2010
Location: DisUnited Kingdom
Real name: Wendolene
as with the other 2 member's, I too, have v4.0.3 and have tried 1st install, and it failed, now your latest 'fix', and it still fails... thanks anyway!
__________________
Reply With Quote
  #11  
Old 11 Nov 2010, 22:35
djscoop djscoop is offline
 
Join Date: Jun 2010
that made it worse...im on 4.0.8...this is weird!
Reply With Quote
  #12  
Old 11 Nov 2010, 22:48
sulasno sulasno is offline
 
Join Date: Feb 2010
tagged and thanks
Reply With Quote
  #13  
Old 12 Nov 2010, 06:16
T.Nguyen T.Nguyen is offline
 
Join Date: Jun 2010
The first box of usergroup html markup is not enough for the number of characters that you gave us
How can I increase the numbers of usergroup html markup?
Reply With Quote
  #14  
Old 12 Nov 2010, 09:25
Harley D's Avatar
Harley D Harley D is offline
 
Join Date: Jan 2003
Real name: High Octane
Originally Posted by T.Nguyen View Post
The first box of usergroup html markup is not enough for the number of characters that you gave us
How can I increase the numbers of usergroup html markup?
This is why its doing strange things to some forums.
You can use an application like phpMyAdmin to edit your database fields.
__________________
http://www.laserenthusiast.com
Reply With Quote
  #15  
Old 12 Nov 2010, 11:58
TeknoSounds TeknoSounds is offline
 
Join Date: Nov 2006
oh wow finally tagged for later install.

TY!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 13:17.

Layout Options | Width: Wide Color: