Mám to spravené tak že do Custom Headers som dal:
<script>
var events = ["load","unload","beforeunload","error","abort","submit","open","reset","fullscreenchange","click","loadeddata","loadedmetadata","loadend","loadstart","progress","timeout","change"]
events.forEach(e => {
window.addEventListener(e, function()
{
var x = document.getElementsByClassName("username")
var i;
for(i in x) {
if(x[i].textContent === "Hyro") {
x[i].style.animation = "animationtext 7s infinite"
}
}
});
document.addEventListener(e, function()
{
var x = document.getElementsByClassName("username")
var i;
for(i in x) {
if(x[i].textContent === "Hyro") {
x[i].style.animation = "animationtext 7s infinite"
}
}
});
})
setInterval(() => {
var x = document.getElementsByClassName("username")
var i;
for(i in x) {
if(x[i].textContent === "Hyro") {
x[i].style.animation = "animationtext 7s infinite"
}
}
}, 1)
</script>
a všade kde je x[i].textContent === "Hyro" tak namiesto Hyro dáš tvoje meno
A do Custom CSS pridáš:
.animatenick {
animation: animationtext 7s infinite;
}
/* ANIMATION TEXT */
@-webkit-keyframes animationtext {
0% {
color:#f45c41
}
10% {
color:#f4ac41
}
20% {
color:#f4f441
}
30% {
color:#4ef442
}
40% {
color:#41b5f4
}
50% {
color:#8a4cff
}
60% {
color:#41b5f4
}
70% {
color:#4ef442
}
80% {
color:#f4f441
}
90% {
color:#f4ac41
}
to {
color:#f45c41
}
}
@keyframes animationtext {
0% {
color:#f45c41
}
10% {
color:#f4ac41
}
20% {
color:#f4f441
}
30% {
color:#4ef442
}
40% {
color:#41b5f4
}
50% {
color:#8a4cff
}
60% {
color:#41b5f4
}
70% {
color:#4ef442
}
80% {
color:#f4f441
}
90% {
color:#f4ac41
}
to {
color:#f45c41
}
}
@Fuzzzel
