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

[AlchemyX]

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 :-)
https://vborg.vbsupport.ru/ (https://vborg.vbsupport.ru/vborg_miscactions.php?do=uninstallhack&threadid=108512)


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)

$vbphrase[shin_func_1]


4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)

$vbphrase[shin_func_2]

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

[emin3m]

nice effect ill use it some where else too

[Brandon Sheley]

that's pretty slick, I may check it out,, wouldn't this slow down the pages ?

and I see something fishy here,, an html space in the moderator column,, ?

[Alrasam]

I got this error when i try to uplaod the product

MySQL Error : Too big column length for column 'opentag' (max = 255). Use BLOB instead
Error Number : 1074
:ermm:

[Floris]

This is pretty cool! HAhahaha - knight rider!

I can see how this can get annoying in long threads, but I think it's pretty neat. Thans for sharing :)

[redspider]

thank you for share .

[jarod1981?]

Hi AlchemyX

I have installed this Hack but it's dont' work...perhaps are there problem with some browser?

After the installation I see the group of username always equal..

[zane99]

I got this error when i try to uplaod the product

MySQL Error : Too big column length for column 'opentag' (max = 255). Use BLOB instead
Error Number : 1074
:ermm:


i get the same problem...

cud not install due to that - hope sum advice can b given as to why this is happenin :nervous:

[VB-STYLE]

I install this Hack but it's no't working...

[XanTrax]

Nvmd I get it

[soniceffect]

This would make an excellent addition for a ebux item .... If your good at stuff like this then maybe ya should have a chat with the creator of that hack and make some estore items ;) ... just a thought :)

[sidekick]

shows an error while importing the product
any clue how to fix this ?

MySQL Error : Too big column length for column 'opentag' (max = 255). Use BLOB instead
Error Number : 1074

please fix that problem, many ppl above are also having the same problem
this plugin is awesome, please try to find out a way to fix that :rolleyes:

[djjeffa]

This would make an excellent addition for a ebux item .... If your good at stuff like this then maybe ya should have a chat with the creator of that hack and make some estore items ;) ... just a thought :) that is a great Ideal

[AlchemyX]

I got this error when i try to uplaod the product

MySQL Error : Too big column length for column 'opentag' (max = 255). Use BLOB instead
Error Number : 1074
:ermm:
Thank you for the information, this has been fixed in the release of 1.0 :-)

that's pretty slick, I may check it out,, wouldn't this slow down the pages ?

and I see something fishy here,, an html space in the moderator column,, ?
Thank you, I had forgotten to check the script in other browsers, this has been fixed in the release of version 1.1 :-)

And I don't believe it will slow down any pages, because (I think... keep in mind, I'm new to this... and this hack is my first true experience in javascript) I'm using CSJS (Client-Side JavaScript) which means it runs this little task from your computer, and being that it only starts animating after the page is loaded, it inso doing, allows the page to load from the server side programming (php, xml, database access) and then begins to animate using a very very miniscual, almost immeasurable amount of your ram. :rolleyes:

Hi AlchemyX

I have installed this Hack but it's dont' work...perhaps are there problem with some browser?

After the installation I see the group of username always equal..
This is fixed as of v1.2 :-)

This is pretty cool! HAhahaha - knight rider!

I can see how this can get annoying in long threads, but I think it's pretty neat. Thans for sharing :)
Thanks :-) I was actually watching knight rider when I thought of it. It was the episode where the lumber company is illegally harvesting wood from a national reserve or whatever, and the car starts talking like an english brummy. X-D

This would make an excellent addition for a ebux item .... If your good at stuff like this then maybe ya should have a chat with the creator of that hack and make some estore items ;) ... just a thought :)
I had thought about that... but I hardly know enough about this kind of thing, let alone about how ebux/estore works (though I've slowly been trying to figure it out since installing ebux/estore myself. I'll definately look into it, though :-)

Version History
1.1 : Fixed html "&nbsp;" 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

[eNforce]

Can't seem to get it to work, can't provide any thing to troubleshoot cause I don't know what's wrong.

html username prefix:
<font color="#000000"><SCRIPT language="JavaScript"> var scolor='#999999'; var shimmercount=shimmercount+1; eval('var shimmercolor' +shimmercount+ '="' +scolor+ '"'); document.write("<span id='" + shimmercount + "animate'><b>"); </SCRIPT>

suffix:
</b></span></font>


the plugin is imported

[VB-STYLE]

I Import the product into my product manager but it's
not show whith other product.

[Alrasam]

Hello AlchemyX

the product is installed without problems
but its not woking not Shining :ermm:

[Alrasam]

I Import the product into my product manager but it's
not show whith other product.

me too

thats why not working with me

[AlchemyX]

do any of you have AIM so I can talk you through it and see what the problem is so I can fix it?

EDIT: WAIT I figured it out, lemme fix the package and the new instructions and upload it all.

[AlchemyX]

do any of you have AIM so I can talk you through it and see what the problem is so I can fix it?

EDIT: WAIT I figured it out, lemme fix the package and the new instructions and upload it all.

Fixed... It should all work now :-)

[Alrasam]

Thank yooooou its working good now very nice :nervous:

[sidekick]

thanks for fixing
works great now
* sidekick installs :)

[Alrasam]

dear AlchemyX how can i make the Shining slower?
its too fats

[AlchemyX]

dear AlchemyX how can i make the Shining slower?
its too fats

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...

[Alrasam]

Thank you AlchemyX
nice work:)

[AlchemyX]

Thank you AlchemyX
nice work:)

lol, thank you... I plan on making an addon for this that will sparkle instead of shine, making letters shine randomly in your string, instead of in order from front to back and front again.

[VB-STYLE]

thanks for fixing
works great now but still I can't see the product whith other product.
* install

[AlchemyX]

thanks for fixing
works great now but still I can't see the product whith other product.
* install
to tell you the truth, I honestly don't know why it's doing that, I'll ask for some help from a vBulletin.org staff member... maybe they can help me.

Updated the thread's original post to include a to do list.

[mightyb]

Works a treat! Thanks!

[AlchemyX]

Works a treat! Thanks!

You're welcome, keep an eye out for updates and new versions :-) I'll probably start a new thread once I get the admin panel finished (if I can figure it out) and once I add at least one other text effect, it should be called something like...
I unno... "Usergroup Display Effect Suite" or something X-D

[VB-STYLE]

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)

$vbphrase[shin_func_1]


4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)

$vbphrase[shin_func_2]


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

[o0Hubba0o]

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)

$vbphrase[shin_func_1]


4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)

$vbphrase[shin_func_2]


you might want to change it slightly because i read that as entering to the header and footer which will actually display 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]

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)

$vbphrase[shin_func_1]


4.) Go to your "footer" template
at the very BOTTOM line (This must be the LAST line)

$vbphrase[shin_func_2]


you might want to change it slightly because i read that as entering to the header and footer which will actually display 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 "" and "" 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.

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.