The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Gradient Rainbow Usernames CSS

View previous topic View next topic Go down

In progress Gradient Rainbow Usernames CSS

Post by Metalgod542 on January 10th 2014, 10:56 pm

Hello i am the owner of Elemental Hero University found at http://www.eherouniverisity.com/

I am wondering if it is possible to apply a gradient Rainbow Text shadow to usernames. For example: http://prntscr.com/2i891z but wiht more colors such as yellow purple and green as well as red and blue.

If it is possible may i obtain the proper code for it?


Thank you ahead of time.

Metalgod542
Forumember

Male Posts : 29
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Sir. Mayo on January 11th 2014, 1:54 am


Sir. Mayo
Forumember

Male Posts : 961
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Metalgod542 on January 11th 2014, 7:06 am

None of those codes seems to be working. I tried it on one of my members and it did nothing.

Metalgod542
Forumember

Male Posts : 29
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Metalgod542 on January 13th 2014, 1:33 am

Bump. I still need help with this.

Metalgod542
Forumember

Male Posts : 29
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Metalgod542 on January 16th 2014, 3:40 am

Still needing help with this. Can anybody help me?

Metalgod542
Forumember

Male Posts : 29
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Sir. Mayo on January 16th 2014, 4:43 am

Did you try this code?

Code:
        a[href="/usernumber"] 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}}

Sir. Mayo
Forumember

Male Posts : 961
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Metalgod542 on January 20th 2014, 1:02 am

Yes i copied it as is and it didn't work. I tried it on my name and nothing happened

Metalgod542
Forumember

Male Posts : 29
Reputation : 1
Language : English

Back to top Go down

In progress Re: Gradient Rainbow Usernames CSS

Post by Ange Tuteur on January 20th 2014, 1:17 am

Unfortunately the CSS stylesheet in the administration panel does not seem to support the CSS3 animations. It would instead have to be appended to the document head as an inline stylesheet.

EDIT :
Sorry I had forgotten to include the script

Administration Panel > Modules > Javascript codes management > Create a new script

Title : what you wish
Placement : in all the pages
Paste the code below and submit :
Code:
jQuery(function() {
/* create our style element */
var sheet = document.createElement('STYLE');

/* content for our style element */
sheet.innerHTML =
'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}}';

/* append the style element to the head */
document.getElementsByTagName('HEAD')[0].appendChild(sheet);
});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum