3.1 & 3.2 3.1.x SnippetsRainbow effect on username

Snippets
Previous topicNext topic
User avatar

Topic Author
dmzx
Founder
Founder
Magic user status: Online
Posts: 5974
Joined: Jan 13th, '14, 20:45
    Android Chrome

Rainbow effect on username

Post by dmzx »

Its done in css you can add it also.
I would recommend to use this extension Css magic 1.0.7 last version and add the css there.

This is the code:

Code: Select all

a[href$="&u=55"] {
   -webkit-animation: rainbow 4s infinite;
animation: rainbow 1s infinite; 
	
}
The u=55 is the user_id so change that to something else will give a other member the animation.

grtz dmzx
binance.com ;) try it!
User avatar

moffacostanzo
Users
Users
Magic user status: Offline
Posts: 149
Joined: Oct 30th, '15, 09:34
    Windows 7 Firefox

Re: Rainbow effect on username

Post by moffacostanzo »

Thank you
User avatar

blackvampire
Users
Users
Magic user status: Offline
Posts: 34
Joined: Dec 10th, '17, 16:12
    Windows 10 Chrome

Re: Rainbow effect on username

Post by blackvampire »

Scusate ma dove lo devo copiare in codice ???
User avatar

moffacostanzo
Users
Users
Magic user status: Offline
Posts: 149
Joined: Oct 30th, '15, 09:34
    Android Firefox

Re: Rainbow effect on username

Post by moffacostanzo »

Installi l ext css magic e poi inserisci il codice nel file css che trovi nello style/theme dell estensione
User avatar

blackvampire
Users
Users
Magic user status: Offline
Posts: 34
Joined: Dec 10th, '17, 16:12
    Windows 10 Chrome

Re: Rainbow effect on username

Post by blackvampire »

Ce lo installato il cssmagic ma quando copio il codice all interno non succede nulla
User avatar

moffacostanzo
Users
Users
Magic user status: Offline
Posts: 149
Joined: Oct 30th, '15, 09:34
    Windows 7 Firefox

Re: Rainbow effect on username

Post by moffacostanzo »

Hai inserito il tuo ID
User avatar

blackvampire
Users
Users
Magic user status: Offline
Posts: 34
Joined: Dec 10th, '17, 16:12
    Windows 10 Chrome

Re: Rainbow effect on username

Post by blackvampire »

Si
User avatar

Topic Author
dmzx
Founder
Founder
Magic user status: Online
Posts: 5974
Joined: Jan 13th, '14, 20:45
    Windows 10 Chrome

Re: Rainbow effect on username

Post by dmzx »

Keep it English pls so others can help also. :wink:
User avatar

Sniper_E
VIP
VIP
Magic user status: Offline
Posts: 1029
Joined: Oct 14th, '14, 17:01
    Windows 10 Firefox

Re: Rainbow effect on username

Post by Sniper_E »

Tip: To add multiple users in the rainbow effect, add other user ids in the same line like this...

Code: Select all

a[href$="&u=55"], a[href$="&u=62"], a[href$="&u=105"] {
	-webkit-animation: rainbow 4s infinite;
	animation: rainbow 1s infinite; 
}
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™
User avatar

blackvampire
Users
Users
Magic user status: Offline
Posts: 34
Joined: Dec 10th, '17, 16:12
    Windows 10 Chrome

Re: Rainbow effect on username

Post by blackvampire »

Ok grazie 1000 ho risolto riguardo alla scritta ma il mio problema ora e come far funzionare il bot mchat
User avatar

rammstein
Users
Users
Magic user status: Offline
Posts: 71
Joined: Mar 13th, '15, 18:08
    Windows 10 Firefox

Re: Rainbow effect on username

Post by rammstein »

I installed the cssmagic but when I copy the code inside nothing happens I put the id 2 because it's me?

I added in the cssmagic

Code: Select all

a[href$="&u=2"] {
   -webkit-animation: rainbow 4s infinite;
animation: rainbow 1s infinite; 
I installed in the cssmagic
User avatar

Topic Author
dmzx
Founder
Founder
Magic user status: Online
Posts: 5974
Joined: Jan 13th, '14, 20:45
    Windows 10 Chrome

Re: Rainbow effect on username

Post by dmzx »

Add this:

Code: Select all

a[href$="&u=2"] {
   -webkit-animation: rainbow 4s infinite;
animation: rainbow 1s infinite; 
	
}

@-webkit-keyframes rainbow {

0% { color: #F00 }

17% { color: #FF0 }

33% { color: #0F0 }

50% { color: #0FF }

67% { color: #00F }

84% { color: #F0F }

100% { color: #F00 }

}

@-moz-keyframes  rainbow {

0% { color: #F00 }

17% { color: #FF0 }

33% { color: #0F0 }

50% { color: #0FF }

67% { color: #00F }

84% { color: #F0F }

100% { color: #F00 }

}
User avatar

rammstein
Users
Users
Magic user status: Offline
Posts: 71
Joined: Mar 13th, '15, 18:08
    Windows 10 Firefox

Re: Rainbow effect on username

Post by rammstein »

A big thank you dmzx
I have a quick question how did you get that kind of snow on your nickname
User avatar

Topic Author
dmzx
Founder
Founder
Magic user status: Online
Posts: 5974
Joined: Jan 13th, '14, 20:45
    Windows 10 Chrome

Re: Rainbow effect on username

Post by dmzx »

rammstein wrote: Jan 21st, '18, 10:26 a big thank you dmzx
I have a quick question how did you get that kind of snow on your nickname
Therfore I added:

Code: Select all

a[href$="&u=2"]:not([href*="compose"]):not([title*="Visit"]):not(.prof) {
  background: transparent url("https://www.dmzx-web.net/upload/uploads/1a7d80ca2cfc93d172bfd72967882ab3.gif") repeat-x scroll left top / auto 40px;
}
You have place correct url for the gif on your server.
User avatar

rammstein
Users
Users
Magic user status: Offline
Posts: 71
Joined: Mar 13th, '15, 18:08
    Windows 10 Firefox

Re: Rainbow effect on username

Post by rammstein »

:thumbup: thank you it's great dmzx :wink: :wink:
Previous topicNext topic