Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Single post in Site Skins: How-To, and Helpful CSS

Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >

Mirzam's AvatarMirzam
Mirzam's Avatar
For reference: The new hideable version of the shelter info has a new ID, so you'll need this to fully hide it: #shelterinfo { display: none !important; } @Azarija: I have some code I wrote once that should do this. It's a little tricky to set up and I haven't fully tested it tbh so feel free to let me know if there's issues. To use it, you must replace all of the image URLs with the ones for the Pokemon in question, small and large versions. The short img codes are the original images - you can get these from the wiki. The full size URLs are the replacement images, for example from your uploader or something. The demo code here should make all Eevee appear shiny.

Code

/* ------------------------------------------------------ */ /* party, profile, summary, some fields (party, tooltip) */ /* ------------------------------------------------------ */ /* Place old full-size img code in the lines with style*= Place new full-size image link in the background-image URL*/ #partybox .pkmn .pokemon[style*="/pkmn/h/c/7.png"], #field_party .slot .pokemon[style*="/pkmn/h/c/7.png"], #field_field .fieldmontip .pokemon[style*="/pkmn/h/c/7.png"], #summarypage .pkmn .pokemon[style*="/pkmn/h/c/7.png"] { background-image: url("https://pfq-static.com/img/pkmn/n/0/m.png/t=1474027733") !important; } /* Place old small-size img code in the lines with style*= Place new small-size image link in the background-image URL*/ #field_party .slot .small[style*="/pkmn/e/r/r.png"] { background-image: url("https://pfq-static.com/img/pkmn/c/b/i/9.png/t=1505220655") !important; } /* ----------------------------------- */ /* private and public in-field sprites */ /* ----------------------------------- */ /* Place old full-size img code in the lines with style*= Place new full-size image link in the background-image URL Replace padding-top with new image height (IMPORTANT) Replace width with new image width (IMPORTANT) */ #field_field .fieldmon .big[src*="/pkmn/h/c/7.png"] { background-image: url("https://pfq-static.com/img/pkmn/n/0/m.png/t=1474027733"); height: 0; padding-top: 47px; width: 37px; overflow: hidden; } /* Place old small-size img code in the lines with style*= Place new small-size image link in the background-image URL*/ #field_field .fieldmon .small[src*="/pkmn/e/r/r.png"] { background-image: url("https://pfq-static.com/img/pkmn/c/b/i/9.png/t=1505220655"); height: 0; padding-top: 32px; width: 32px; overflow: hidden; }
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page