Rainbow Effect
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
Rainbow Effect
Hi, I'm a temporary admin on the following forum: http://bleachburningworlds.forumotion.com/forum
It is phpbb2.
We have experienced a problem regarding the rainbow effect on names and groups. All of the codes that have been tried all failed. This includes...
The first one is for CSS and the other two are Javascript. None of us can figure out why nothing works. If someone can help with a working code, that would be great.
It is phpbb2.
We have experienced a problem regarding the rainbow effect on names and groups. All of the codes that have been tried all failed. This includes...
- Code:
a[href="/u1"] span{color:#F00;animation:svcolor 1s infinite;-moz-animation:svcolor 1s infinite;-webkit-animation:svcolor 1s infinite;}
@keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}
@-moz-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}
@-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}
- Code:
$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function() {
var selectMe= ["u1","u2"];
for(var i =0;i<selectMe.length;i++){
$('a[href="/'+selectMe[i]+'"]').addClass('rainbow');
}
$('.rainbow').find('*').andSelf().contents().filter(function(){
return this.nodeType===3;
}).parent().text(function() {
$(this).rainbow({
colors: [
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate:true,
animateInterval:100,
pad:false,
pauseLength:100
});
});
});
- Code:
$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
$('a[href="/u1"] strong').rainbow({
colors: [
'#FF0000',
'#f26522',
'#fff200',
'#00a651',
'#28abe2',
'#2e3192',
'#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 10,
});
});
The first one is for CSS and the other two are Javascript. None of us can figure out why nothing works. If someone can help with a working code, that would be great.
Last edited by Fortescimo on January 26th 2016, 12:49 am; edited 1 time in total
Re: Rainbow Effect
Hi,
I just tried to fix the one that works with css. First of all you forgot to close the animation. I corrected this.
Then you need to change the settings for 'Optimize your CSS' to 'no', else the animation won't work.
I just tried to fix the one that works with css. First of all you forgot to close the animation. I corrected this.
- Code:
a[href="/u1"] span{color:#F00;animation:svcolor 1s infinite;-moz-animation:svcolor 1s infinite;-webkit-animation:svcolor 1s infinite;}
@keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-moz-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
Then you need to change the settings for 'Optimize your CSS' to 'no', else the animation won't work.
10spetter10- Forumember
- Posts : 195
Reputation : 82
Language : Dutch
Re: Rainbow Effect
Normally not but you can take a back up of your code and save it in notepad if you want.
10spetter10- Forumember
- Posts : 195
Reputation : 82
Language : Dutch
Re: Rainbow Effect
Okay, I'll make the backup code and then try this thing out. Thanks for the help! I'll post back to let you know if it worked or not.
Re: Rainbow Effect
Yay, it works! And it doesn't mess with any of the other codes. Everything is looking great! Thank you very much, you have been wonderful!
I'm marking this as solved!
I'm marking this as solved!
Re: Rainbow Effect
Topic solved and archived

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.

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum