Thread Rating:
  • 5 Vote(s) - 3.4 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Animated Rainbow Usernames
#11
Not sure why anyone would want this to work, it screams unprofessional.
Reply
#12
Works great! Thanks! Big Grin

~ David
[Image: information.gif] MyBB Support Technician
Please do not PM me for support.


MyBBatically - A quick and easy way to update your board!
Reply
#13
CSS 3 and HTML 5 should have a way for rainbow text other than javascript. That's my opinion.
Reply
#14
This works but colors could be a bit more sharp.
Reply
#15
(06-05-2012, 08:38 PM)labrocca Wrote: CSS 3 and HTML 5 should have a way for rainbow text other than javascript. That's my opinion.

Don't know about text but you can do it with an image.

img {  
   -webkit-animation: adjustHue 1s alternate infinite;  
}  
      
@-webkit-keyframes adjustHue {  
   0% { -webkit-filter: hue-rotate(30deg); }  
   50% { -webkit-filter: hue-rotate(60deg); }  
   100% { -webkit-filter: hue-rotate(90deg); }  
}  

Doesn't work in any browsers but webkit atm though.
Reply
#16
Working fine. Thank you.
[Image: logo.svg.svg]
Reply
#17
Not working for me says:

The following errors were encountered:

You can't use script, meta or base tags in the username style.
Reply
#18
Hello. I personally found this code to be horribly written.

I have written a jQuery plugin to accomplish this. I don't care to explain the settings but you can look at the "options" object to see what is supported.

This will only handle 1 element at a time. An example of how I used it is this:

	(function ($) {
		$(function () {
$(".rainbowText").each(function(i, b){$(b).rainbowText()});
		}

		);

	})(jQuery);

I just put a span tag with a class of "rainbowText" in the group username display and put the above JS in the js script and inserted in "headerinclude". Some reason the JS was triggering a security error in the template editor.

To get the plugin go here:https://www.github.com/pcfreak30/jquery-rainbowtext

Peace..
Reply
#19
(06-05-2012, 08:38 PM)labrocca Wrote: CSS 3 and HTML 5 should have a way for rainbow text other than javascript. That's my opinion.

.rainbow {
  background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
}

That's what I'd use, having it animated would be annoying
[Image: xoa.png]
Reply
#20
I doubt I would use this myself, but I'm sure there are lots of people out their, for better or worse, that want this for their forums (which I know because I read the Showcase a lot). However, anyone that implements it should remove the animation. It will really kill the forum's readability and professionalism.
The JRPG Club: Video game reviews, resources and discussion for Japanese learners.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)