Shining UserGroup Display 1.2 - Like the car in "Knight Rider"

NOTE: This specific hack is no longer supported because it has been updated to the point where I do not feel it is any longer the same hack. new features, like speed control, and even 2 new animations have been added, and more to come.

Look for a topic here called "Super Display Suite" if you would like a supported version with these, and more features.

This is my first hack/mod for vBulletin. :-) Yay!
Upgrade instructions
1.) Uninstall the product.
2.) Reinstall the product
3.) If you're upgrading from RC1 : Go through your usergroup manager and change every instance of the_color_of_your_SHINE to #the_color_of_your_SHINE (Adding the "#" in front of the hexidecimal value
4.) follow the new installation instructions.

Version History
1.2 : Fixed a spelling error made in 1.1 that dissalowed the shining for a lack of one variable having no value; and added the template changes so that the shining function is included in your pages READ THE NEW INSTRUCTIONS.
1.1 : Fixed html " " error in IE and Opera.
Hack has been tested in and is now compatable in IE6+, Opera7+, NN7, and Mozilla Firefox 1.5
1.0 : Fixed SQL error on install. Feb 21, '06
1.0 RC1 : Initial release. Feb 20, '06

To-Do List
1.) make the plugin have an admin CP panel in usergroup manager, so you only have to put in the default color, the shine color, and the speed.
2.) add a "sparkle" effect to this plugin, so it randomly chooses letters to shine at a random interval... so you can make it "sparkle" instead of "shine"
3.) add a "trembling" effect, so you can choose to have a membergroup's name and the usernames tremble back and forth instead of shine or sparkle.
4.) any other ideas are more than welcome.
And, in so saying, I am planing on making this a "Usergroup effects" modification in the long run, instead of just a shining mod. :devious: mwahaha

If you like this hack, and would like continued development of this, and/or similar/other hacks by myself, click that wonderful install button :-).Here, I'll help you out :-)



Ok, here it goes...

What is "Shining UserGroup Display"?
This hack allows for a dynamic javascript shine animation to run through every username that is in a group with shine activated, in real time, adding a stylish "shiney" effect to your username and group names, wherever they appear.

Known Issues:
1.) For some reason, (for those of you with vBShout installed) this does not seem to work within the shoutbox, but it does still work everywhere else in your forum. I am making the assumption that the shoutbox does not have javascript support...?
Status: Unresolved

You can find a demo of this hack here:
http://www.rpgfreeze.com/forums/index.php?
just scroll down to the bottom of the page and look at the Legend.

Instructions:

1.) Import the product into your product manager.

2.) Go into your usergroup manager, and select a usergroup.
In the usergroup manager, find "Username HTML Markup", and add this code in the first box... beign careful to change this to your likings.
NOTE: This MUST be on only 1 line! or else you cannot save it to the usergroup manager!

<font color="#your_base_color"><SCRIPT language="JavaScript"> var scolor='#the_color_of_your_SHINE'; var shimmercount=shimmercount+1; eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"');  document.write("<span id='" + shimmercount + "animate'><b>"); </SCRIPT>

CHANGE THESE VARIABLES FOR EVERY USERGROUP

#your_base_color

and..

#the_color_of_your_SHINE

! CHANGED *** !! ! NOTICE ! !! ***
#your_base_color and #the_color_of_your_SHINE BOTH NEED to have the "#" symbol in front of the hexidecimal value.

then, in the second box of "Username HTML Markup", add this...

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

NEW! MAKE SURE TO READ!
3.)Go into your style manager and edit the template "header"
at the VERY top line (this must be the FIRST line)
[add]
$vbphrase[shin_func_1]
[/add]

4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)
[add]
$vbphrase[shin_func_2]
[/add]
Thanks for using my hack! If you like it, please remember to click "Install" on vBulletin.org!

- Little AlchemyX (AlchemyX@RPGfreeze.com)

http://www.RPGfreeze.com

[VB-STYLE]

Originally Posted by AlchemyX

This will be in a later version... I'm trying to learn how to add a Control Panel in your usergroup manager in vBulletin so all you'll have to do is put in the base color, the shine color, and the speed... but vBulletin is very new to me and I still don't know how to make my own control panel...

I need some thing now until the next version to slow it. :squareeyed:

[o0Hubba0o]

This is pretty cool, it's way too fast for me really, but I like enough I'm still going to use it on at least admins heh.

[eNforce]

A speed based on the amount of characters in a members name would be ideal

[Razz]

Is there anyway to reduce the amount of CPU usage on the clients browser?

At the moment it averages 40-50% depending how many effects are on screen.

[Eriond]

in your install instructions you have
3.)Go into your style manager and edit the template "header"
at the VERY top line (this must be the FIRST line)
[add]
$vbphrase[shin_func_1]
[/add]

4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)
[add]
$vbphrase[shin_func_2]
[/add]

you might want to change it slightly because i read that as entering [add] [/add] to the header and footer which will actually display [add] [/add] on the forum. other than that no problems installing at all, looking good just waiting for the speed control now

[o0Hubba0o]

Originally Posted by Eriond

in your install instructions you have
3.)Go into your style manager and edit the template "header"
at the VERY top line (this must be the FIRST line)
[add]
$vbphrase[shin_func_1]
[/add]

4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)
[add]
$vbphrase[shin_func_2]
[/add]

you might want to change it slightly because i read that as entering [add] [/add] to the header and footer which will actually display [add] [/add] on the forum. other than that no problems installing at all, looking good just waiting for the speed control now

Yeah either remove those or change the add to code, otherwise new people to adding mods might get confused.

[AlchemyX]

Originally Posted by Eriond

in your install instructions you have
3.)Go into your style manager and edit the template "header"
at the VERY top line (this must be the FIRST line)
[add]
$vbphrase[shin_func_1]
[/add]

4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)
[add]
$vbphrase[shin_func_2]
[/add]

you might want to change it slightly because i read that as entering [add] [/add] to the header and footer which will actually display [add] [/add] on the forum. other than that no problems installing at all, looking good just waiting for the speed control now

lol, sorry... I didn't mean to actually have people add "[add]" and "[/add]" there... my bad...

BUT, I have updated this, including adding some of the speed features people have asked for, as well as 2 more effects..., though I'm not going to start a different topic as this one is not really by itself anymore.

Originally Posted by Razz

Is there anyway to reduce the amount of CPU usage on the clients browser?

At the moment it averages 40-50% depending how many effects are on screen.

Saddly, there isn't, as the kinds of effects these are having... it's almost like AJAX (though not really at all... just seemingly so by the naked eye on a web browser), I guess, it actually automatically rewrites the html version of a teg (in javascript) of the phrase being animated each time it changes, then changes it on the web page through the client side. If you wanted, you could rewrite the code to use serverside usage, but that isn't reccomended.

If you're running with at least 128 mg ram it will work fine. though I'd suggest at least 256 with the way people are able to, and are; coding today.