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 Moonsy Mindscape

Forum Index > PokéFarm > Journals > Staff > Moonsy Mindscape >

Moonsy's AvatarMoonsy
Moonsy's Avatar

Moonsy Mindscape

Yes hello my name is Moonsy (well it would be Moons but Cele happened and now here we are). I plan to use this place to throw either a bunch of scripts I actively use for the game or fun little facts about the Discord bot, or whatever comes on my mind that I think of sharing! I'll try to keep it organised.

Note for Mods

It's really hard to pick which one of you is my favorite, you're all awesome.

Special Overlays

Here's a little CSS script and images I made that you can use to add an overlay to Shiny/Albino/Melan Pokémon in your party or summary pages. You should be able to just throw it in QoL CSS settings, but I use Stylus to organise my scripts.

Code

#partybox > .party.wide [data-pid]::before, #summary_col1 > .party [data-pid]::before, #tradeview [data-pid]::before { top: 0; right: 0; bottom: 0; left: 0; position: absolute; border-radius: 5px; content: ''; pointer-events: none; background-size: cover; background-position: center center; } #partybox > .party.wide [data-pid]:has(img[title='[SHINY]'])::before, #summary_col1 > .party [data-pid]:has(img[title='[SHINY]'])::before, #tradeview [data-pid]:has(img[title='[SHINY]'])::before { background-image: url('https://pokefarm.com/upload/:JcF-/overlays/shiny.png'); } #partybox > .party.wide [data-pid]:has(img[title='[ALBINO]'])::before, #summary_col1 > .party [data-pid]:has(img[title='[ALBINO]'])::before, #tradeview [data-pid]:has(img[title='[ALBINO]'])::before { background-image: url('https://pokefarm.com/upload/:JcF-/overlays/albino.png'); } #partybox > .party.wide [data-pid]:has(img[title='[MELANISTIC]'])::before, #summary_col1 > .party [data-pid]:has(img[title='[MELANISTIC]'])::before, #tradeview [data-pid]:has(img[title='[MELANISTIC]'])::before { background-image: url('https://pokefarm.com/upload/:JcF-/overlays/melan.png'); }
You can easily change the URL for each image to something of your own, mine were made by using Shazi's emotes available on the PFQ Discord Server, placing them where I thought wouldn't get in the way and lowing opacity to not be too "in your face" type of thing. I think it works out pretty well!
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page