Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
QUOTE originally posted by BlackShadowWolf
I'm trying to get the shelter to make Stuffle eggs bounce and are large and highlighted I copy the code exactly and I got the PNG name and pasted it (0/08/Egg_Stuffle.png) and cleared the cache and site data and it still doesnt work, I copied and pasted directly from the first post and only replaced the text inside the " for the image (example will be edited in, in a moment)
QUOTE originally posted by Bishop
QUOTE originally posted by BlackShadowWolf
I'm trying to get the shelter to make Stuffle eggs bounce and are large and highlighted I copy the code exactly and I got the PNG name and pasted it (0/08/Egg_Stuffle.png) and cleared the cache and site data and it still doesnt work, I copied and pasted directly from the first post and only replaced the text inside the " for the image (example will be edited in, in a moment)
Avatar/icon commissioned from gezeichnet they do amazing work!
Avatar Credit goes to Gezeichnet and
Kinaster, Lunupine, Solynx, and mega ho oh belongs to PFQ
Profile pic is art of a skitty kinaster fusion
Permission for the fusion to be created by shinyshinx was given by Sei
right click (many phones that would be tap/hold) then open image (from daycare or shelter, wherever the egg is) and choose open image in new tab.
QUOTE originally posted by Bishop
QUOTE originally posted by BlackShadowWolf
I'm trying to get the shelter to make Stuffle eggs bounce and are large and highlighted I copy the code exactly and I got the PNG name and pasted it (0/08/Egg_Stuffle.png) and cleared the cache and site data and it still doesnt work, I copied and pasted directly from the first post and only replaced the text inside the " for the image (example will be edited in, in a moment)
@thedorkychicken oops, and thank you for the correction.
Oh wow cool thank you :)
I put the correct thing in and I saved my site skin, cleared cache and its not working still
(I could possibly have messed it up?)
Edit*** just saw the new post I missed it when sending this one
here's the code straight from my skin
#shelterarea > .pokemon > img[src*="pkmn/8/0/h/6.png["]{
height:100px;
}
@-webkit-keyframes bounce {
0% {-webkit-transform:translateY(-100%);}
5% {-webkit-transform:translateY(-100%);}
15% {-webkit-transform:translateY(0);padding: 4px auto;}
20% {-webkit-transform:translateY(-80%);}
25% {-webkit-transform:translateY(0%);padding: 4px auto;}
30% {-webkit-transform:translateY(-70%);}
35% {-webkit-transform:translateY(0%);padding: 5px auto;}
40% {-webkit-transform:translateY(-60%);}
45% {-webkit-transform:translateY(0%);padding: 5px auto;}
50% {-webkit-transform:translateY(-50%);}
55% {-webkit-transform:translateY(0%);padding: 6px auto;}
60% {-webkit-transform:translateY(-30%);}
65% {-webkit-transform:translateY(0%);padding: 6px auto;}
70% {-webkit-transform:translateY(-15%);}
75% {-webkit-transform:translateY(0);padding: 8px auto;}
80% {-webkit-transform:translateY(-10%);}
85% {-webkit-transform:translateY(0);padding: 8px auto;}
90% {-webkit-transform:translateY(-5%);}
95% {-webkit-transform:translateY(0);padding: 10px;}
100% {-webkit-transform:translateY(0);padding: 10px;}
}
#shelterarea > .pokemon > img[src*="pkmn/8/0/h/6.png["]{
-webkit-animation: bounce 3s ease-out;
-moz-animation: bounce 800ms ease-out;
-o-animation: bounce 800ms ease-out;
animation: bounce 3s ease-out;
}
Syntax:
img[src*="pkmn/8/0/h/6.png
[
"]
Getting rid of that pesky extra bracket should fix it.official project sekai art; icon is official TCG art
he/him + 22 + cstQUOTE originally posted by Gladion
Syntax:
img[src*="pkmn/8/0/h/6.png
[
"]
Getting rid of that pesky extra bracket should fix it.How would you make a egg glow rainbow?
- about me
- collecting
- secrets
Yeah / He
Type race: 0 NEW ABOUT ME!!!!SECRET TEXT MWAHHAHA
Ima edit this eventually, but for now es blank
wawwwww a fancy thingy!!!!
credits
Code @Colorful
Background from Pokemon Mystery Dungeon: Rescue Team DX
Profile picture by Cryst
Signature Picture by @crazyMissdream
Running Mew by @KitKatKutie2 | Shop
CODE
#shelterarea > .pokemon > img[src*="h/w/j.png"]{
animation: linear rainbowglow 7s infinite;
border-radius: 100%;
}
@keyframes rainbowglow {
0% {
box-shadow: 0px 0px 50px 30px #f44242;
background-color:#f44242;
}
17% {
box-shadow: 0px 0px 50px 30px #f48c42;
background-color:#f48c42;
}
33% {
box-shadow: 0px 0px 50px 30px #e5f442;
background-color:#e5f442;
}
50% {
box-shadow: 0px 0px 50px 30px #42f45f;
background-color:#42f45f;
}
67% {
box-shadow: 0px 0px 50px 30px #42c5f4;
background-color:#42c5f4;
}
83% {
box-shadow: 0px 0px 50px 30px #9b42f4;
background-color:#9b42f4;
}
100% {
box-shadow: 0px 0px 50px 30px #f44242;
background-color:#f44242;
}
}
Cannot post: Please log in to post