Flashing rainbow name...
+6
Kaizer Lee
DK
SLGray
Sanket
Blu-Ray
PeMLight
10 posters
Page 1 of 1
Flashing rainbow name...
Ive seen a few forums with flashing rainbow names... Like their name is cycling through a rainbow color. What is the code for that in the CSS Stylesheet?
PeMLight- New Member
- Posts : 21
Reputation : 1
Language : english
Re: Flashing rainbow name...
I have no clue how you can do that, I would like to find out to lol
Hi Light
Hi Light
Blu-Ray- New Member
- Posts : 18
Reputation : 2
Language : English Spanish German HTML CSS
Re: Flashing rainbow name...
Blu-Ray here is part of my forum and hes an admin, and would like to know too. please helpBlu-Ray wrote:I have no clue how you can do that, I would like to find out to lol
Hi Light
PeMLight- New Member
- Posts : 21
Reputation : 1
Language : english
Re: Flashing rainbow name...
Please show an example.
Is this what you want?
https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
Is this what you want?
https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Flashing rainbow name...
i didnt mean like that... i meant a cycling rainbow color... i dont have a pic yet, but ill post one
PeMLight- New Member
- Posts : 21
Reputation : 1
Language : english
Re: Flashing rainbow name...
http://www.thetechgame.com/Archives/t=2503764/newest-10k-elite-5-top-poster-bap.html
look at "Bap"'s username, that's what i mean. Can you do that? if not can you make try to find a code? ive been looking on google, bing, yahoo, ask, youtube, and i decided to come here
look at "Bap"'s username, that's what i mean. Can you do that? if not can you make try to find a code? ive been looking on google, bing, yahoo, ask, youtube, and i decided to come here
PeMLight- New Member
- Posts : 21
Reputation : 1
Language : english
Re: Flashing rainbow name...
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead! |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Flashing rainbow name...
How about this?
If you can get a background or an image background for the text, for example a sparkle, that'd really help so you can have the same effect or you can request one in the graphics design section.
- Code:
a[href="/u#"]{background-image:url('image direct link'); }
If you can get a background or an image background for the text, for example a sparkle, that'd really help so you can have the same effect or you can request one in the graphics design section.
Re: Flashing rainbow name...
we already have the Sparkle feature on Administrators and we did have a scrolling rainbow name but it did consume the whole name so you could only see the characters every 2 1/2 seconds.Frances Kaizer wrote:How about this?
- Code:
a[href="/u#"]{background-image:url('image direct link'); }
If you can get a background or an image background for the text, for example a sparkle, that'd really help so you can have the same effect or you can request one in the graphics design section.
Blu-Ray- New Member
- Posts : 18
Reputation : 2
Language : English Spanish German HTML CSS
Re: Flashing rainbow name...
Well, whenever I saw the name, it doesn't basically show the movement stopping since it always move (Ze colors)
Why don't you try having your gif sparkles move slower or faster according to your liking instead and input that code and besides you can always add more than 1 sparkle code in a user like something I saw in other forums?
Why don't you try having your gif sparkles move slower or faster according to your liking instead and input that code and besides you can always add more than 1 sparkle code in a user like something I saw in other forums?
Re: Flashing rainbow name...
DK wrote:Sorry to disappoint you. This isn't possible on ForuMotion.
FYI, everything is possible on forumotion. Things just require way more effort than they're worth.
My advice to the OP would be to get into browser languages and learn how to do it yourself.
Re: Flashing rainbow name...
really people? Its not possible on forumotion HAHAHAHAHA! If you search I actually help a member I believe DarkGlow, with this topic. I can not find it though:
FIRST ADD THIS javascript to your js files...
Then add this
Hoped that helped ya OP golly
Some of these peoples post were so unintellectual! and probably made you not understand coding anymore, just less.
When all else fails or anything of that sort please look up on w3schools.com for knowledge or google.com,
What you are doing with the background of text, makes it look horrid and it is an eye soar. You want rainbow text that is fine, this doesn't look so bad, but when you have back background animations on top of text that is probably hard to read, you may want to reevaluate your choice.
To the Main Concept of the Code for you to understand:
colors: [ //you can change these colors to the colors to cross fade to
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true, //animate it or not (true or false)
animateInterval: 100, //the speed of the animation, the lower (1) is faster the higher (1000) is slower
pad: false,// true will make it transition between the colors in a fading motion
pauseLength: 100, //time in ms to pause the animation after each loop.
});
once again
EXPLANATION OF OPTIONS::
colors: an array of CSS color values
animate: boolean
animateInterval: # of ms between frames
pad: pad the color array with the last color so the gradient appears only once
pauseLength: # of ms to pause between iterations through the colors
TEST HERE http://jsfiddle.net/gkhVP/
FIRST ADD THIS javascript to your js files...
- Code:
(function($) {
$.fn.rainbow = function(options) {
this.each(function() {
options.originalText = $(this).html();
options.iterations = 0;
if (!options.pauseLength) {
options.pauseLength = options.animateInterval;
}
$(this).data('options',options);
if (options.pad) {
for (x = 0; x < options.originalText.length; x++) {
options.colors.unshift(options.colors[options.colors.length-1]);
}
}
$.fn.rainbow.render(this);
});
}
$.fn.pauseRainbow = function() {
this.each(function() {
var options = $(this).data('options');
if (options) {
options.animate = false;
$(this).data('options',options);
}
});
}
$.fn.resumeRainbow = function() {
this.each(function() {
var options = $(this).data('options');
if (options) {
options.animate = true;
$(this).data('options',options);
$.fn.rainbow.render(this);
}
});
}
$.fn.rainbow.render = function(obj) {
var options = $(obj).data('options');
var chars = options.originalText.split('');
options.iterations++;
var newstr = '';
var counter = 0;
for (var x in chars) {
if (chars[x]!=' ') {
newstr = newstr + '<span style="color: ' + options.colors[counter] + ';">' + chars[x] + '</span>';
counter++;
} else {
newstr = newstr + ' ';
}
if (counter >= options.colors.length) {
counter = 0;
}
}
$(obj).html(newstr);
var pause = (options.iterations % options.colors.length == 0);
if (options.animate) {
(
function(obj,interval) {
var options = $(obj).data('options');
var i = setTimeout(function() {
$.fn.rainbow.shift(obj);
},interval);
options.interval = i;
$(obj).data('options',options);
}
)(obj,pause?options.pauseLength:options.animateInterval);
}
}
$.fn.rainbow.shift = function(obj) {
var options = $(obj).data('options');
var color = options.colors.pop();
options.colors.unshift(color);
$.fn.rainbow.render(obj);
}
})(jQuery);
Then add this
- Code:
(function($){
$('a[href="/u1"],a[href="/u4"]').rainbow({
colors: [
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});
})(jQuery);
Hoped that helped ya OP golly
Some of these peoples post were so unintellectual! and probably made you not understand coding anymore, just less.
When all else fails or anything of that sort please look up on w3schools.com for knowledge or google.com,
What you are doing with the background of text, makes it look horrid and it is an eye soar. You want rainbow text that is fine, this doesn't look so bad, but when you have back background animations on top of text that is probably hard to read, you may want to reevaluate your choice.
To the Main Concept of the Code for you to understand:
colors: [ //you can change these colors to the colors to cross fade to
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true, //animate it or not (true or false)
animateInterval: 100, //the speed of the animation, the lower (1) is faster the higher (1000) is slower
pad: false,// true will make it transition between the colors in a fading motion
pauseLength: 100, //time in ms to pause the animation after each loop.
});
once again
EXPLANATION OF OPTIONS::
colors: an array of CSS color values
animate: boolean
animateInterval: # of ms between frames
pad: pad the color array with the last color so the gradient appears only once
pauseLength: # of ms to pause between iterations through the colors
TEST HERE http://jsfiddle.net/gkhVP/
Re: Flashing rainbow name...
I just looked at the test page there it looks really nice and its working fine, very colorful and eye-catching, I think another alternative for its use that a lot of people might be interested in as opposed to what the OP wanted it for, would be to use that rainbow animated effect on a persons name that is in there final stages of warnings, it could work as a "wake-up" call and a more noticeable reminder.. lol
Good job on the code, I think a lot of people might like that for whatever reasons they might have..
Good job on the code, I think a lot of people might like that for whatever reasons they might have..
Re: Flashing rainbow name...
Thats actually a really good idea runawayhorses! Like mix of colors hues of red and what not. That would actually look pretty cool
Re: Flashing rainbow name...
Yeah but in all reality I think it might be too much and serve a purpose of embarrassing the recipient more than anything else. No one wants to see someone put in the spotlight like that. In a word "Overkill". Might be good for Holidays thou.
Re: Flashing rainbow name...
LMAO... hey now, I wouldn't be bothered by it. The thing is though, unlike this forum, other forums you can get your level up after a certain time.
Similar topics
» flashing rainbow script
» flashing rainbow script
» Flashing Ads
» my icon buttons edits
» Rainbow name?
» flashing rainbow script
» Flashing Ads
» my icon buttons edits
» Rainbow name?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum