Like on the DTV wiki, the staff made me glow my name grey. How do you do that?
https://the-legend-of-dave-the-villager.fandom.com/wiki/The_Legend_of_Dave_the_villager_Wiki
Like on the DTV wiki, the staff made me glow my name grey. How do you do that?
https://the-legend-of-dave-the-villager.fandom.com/wiki/The_Legend_of_Dave_the_villager_Wiki
Like the colors change and they move by the side. if you watch on Happy's page, per example. https://the-legend-of-dave-the-villager.fandom.com/wiki/User:HappyDappyWasTaken
The code to make your username have a similar effect in gray (you can add this code to any wiki's MediaWiki:Wikia.css page):
.text-burnt {
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #808080), color-stop(0.25, #9e9e9e), color-stop(0.5, #c9c9c9), color-stop(0.75, #9e9e9e), color-stop(1, #808080));
background-image: -webkit-linear-gradient(left, #808080 0%, #9e9e9e 25%, #c9c9c9 50%, #9e9e9e 75%, #808080 100%);
background-size: 1000% 1000%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: Text-Burnt 2s infinite;
color: #ff0000; /* Fallback color for non-webkit browsers */
white-space: nowrap;
}
@keyframes Text-Burnt {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
a[href$=":JeffStevePonpidou"],
a[href$="/JeffStevePonpidou"] {
font-family: 'Comic Sans MS';
color: #808080!important; /* non-webkit browsers */
font-family: 'Comic Sans MS';
font-weight: bold;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #808080), color-stop(0.25, #9e9e9e), color-stop(0.5, #c9c9c9), color-stop(0.75, #9e9e9e), color-stop(1, #808080));
background-image: -webkit-linear-gradient(left, #808080 0%, #9e9e9e 25%, #c9c9c9 50%, #9e9e9e 75%, #808080 100%);
background-size: 1000% 1000%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: Text-Burnt 4s infinite;
white-space: nowrap;
}
It looks like this: https://imgur.com/a/R7m40dQ (you have to click on the image to see it move. idk how to upload gifs here directly)
So, for other colors,what do I do?
There are three colors in the animation, so changing one color isn't enough. Could you give me another color? It will be used to make the fade effect into that color.
Umm lime (#24ff1c), pink (#ffb3f2) and black (#222423)
The # are hex codes of the colors that I want
Code:
@keyframes Text-Burnt {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
a[href$=":JeffStevePonpidou"],
a[href$="/JeffStevePonpidou"] {
font-family: 'Comic Sans MS';
color: #808080!important; /* non-webkit browsers */
font-family: 'Comic Sans MS';
font-weight: bold;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #36d11b), color-stop(0.25, #ffb3f2), color-stop(0.5, #222423), color-stop(0.75, #ffb3f2), color-stop(1, #36d11b));
background-image: -webkit-linear-gradient(left, #36d11b 0%, #ffb3f2 25%, #222423 50%, #ffb3f2 75%, #36d11b 100%);
background-size: 1000% 1000%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: Text-Burnt 4s infinite;
white-space: nowrap;
}
It's going to look like this (those are some nice colors you have chosen!): https://imgur.com/a/JxJ2rSo
Edit: I've changed the code to make it smaller. It does the same thing as seen in the example.
Thx
I know I'm necro-bumping this thread but I tried changing the name to mine and putting it in my MediaWiki:Wikia.css but it doesn't seem to work. Any idea how to fix?
https://demon-slayer-tower-defense.fandom.com/wiki/User:EC61886
MediaWiki:Wikia.css is not used anymore. Try putting it in MediaWiki:Common.css
Thank you!
What do you think?