Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
Hi Bo-mi, here's an example for 1 sprite. For the big and small image, you each need to know
* the PFQ url
* the url, width and height of your replacement sprite
I think Eevee has different m/f sprites so you'd have to repeat the code for those two.
/* regular size sprite */
img.big[src*='/h/c/7'] {
object-position: 9999px;
background-image: url("https://cdn2.bulbagarden.net/upload/1/15/Spr_2g_133.png");
height: 56px;
width: 56px;
}
.pokemon[style*='/h/c/7'] {
background-image: url("https://cdn2.bulbagarden.net/upload/1/15/Spr_2g_133.png") !important;
}
/* small sprite for mobile users */
img.small[src*='/e/r/r'] {
object-position: 9999px;
background-image: url("https://i.imgur.com/MnhvpEj.png");
height: 28px;
width: 28px;
}
.pokemon[style='/e/r/r.png'] {
background-image: url("https://i.imgur.com/MnhvpEj.png") !important;
}
Avatar by Kaelwolfur.
Sent from my PokéNav