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 [CSS] One Button Fields, Egg Labels, Typeless Field Variants

Forum Index > PokéFarm > Guides > [CSS] One Button Fields, Egg Labels, Typeless Field Variants >

Sagidamas's AvatarSagidamas
Sagidamas's Avatar

Introduction

Hello, this is a place where I'd like to share the various personal CSS scripts I've made while playing PFQ. They're mostly tailored to my specific preferences and may not be for everyone, but I can try and help you make your own modifications if needed! I'll periodically update the first post with new scripts, so check back frequently!

How to use these?

I suggest using Firefox with the Stylus extension! This should work on both desktop and mobile. Site skins and the QoL plugin's CSS input form also work, though they may not work as well as the extension.

One Button Fields

Download from GitHub This script will create a new button on the Fields page, allowing you to continuously feed all Pokemon the correct berry and switch between pages without moving your mouse or using keyboard shortcuts. This essentially allows you to interact with any field as if it was fully sorted, stacked, and single-berry, similar to what the "Hide all click fast" option of the QoL plugin does for the party view. Note 1: If you also have QoL enabled, the checkmark to "Hide count" will also double as a toggle to hide the "one button to rule them all." Note 2: There's a section in the beginning that lets you adjust the size and position of the button. As of 11 May 2024, the button will no longer respond to different screen sizes on its own to avoid inconvenience or confusion. In case you need it for any reason, the older version is still available on GitHub, but is strongly discouraged. Note 3: After the script thinks you're done with the field, it will show a button to move on to party interactions; this is meant to work alongside the One Button Party script below. This might cause some interactions to not have time to actually register with the server, possibly losing a big chunk of interactions on slower connections or during high website lag. The party interaction button is moved out of the way a bit by default to prevent mashing into it too quickly; this can also be tweaked in the options section.

One Button Party

Download from GitHub Like One Button Field but for party clicks, basically does what the QoL plugin already does but making the button bigger and putting it in the same place as the One Button Field. It will interact with both showcases and actual party slots.

Egg Labels

Download from GitHub This script will show the name of the Pokemon that will hatch from every egg, even if you don't have the EggDex of that egg yet. Names will be shown in the Lab, Shelter, Party and Daycare (requires SpyGlass). Note: This is a very large file as it includes every possible egg code I was able to track down from the PFQ wiki as well as playing the game, so please take extra care while copying and pasting! New egg codes may be added sporadically depending on my interest in the game and the code at a given moment. I have observed that the Egg Labels cause a considerable slowdown when reloading the Shelter screen. While arguably the most useful place to have visible labels, this can put players at a severe disadvantage and so I made an alternative "lite" version that has labels everywhere except the shelter. Egg Labels Lite

Screenshots

Compact Lab

Fit more eggs per line on smaller screen sizes.

Show code

#egglist > div > h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mq35 #egglist > div { width: 21%; } .mq15 #egglist > div { width: 40%; }

Typeless Field Variants

Download from GitHub The first script will dynamically change the appearance of typeless (a.k.a. ???, a.k.a. Unknown) fields, so that you don't have to always see the same green background. The background will be chosen based on the primary type of the first Pokemon in the field. Empty fields, or ones where the first Pokemon's primary type is Normal, will remain unchanged. Graphics used are from Pokemon Mystery Dungeon (via Bulbapedia), just like the ones already used by PFQ! Note: To identify the first Pokemon in a field, you can use either the "Align to grid" feature, or QoL's "View links" button. This is a bit volatile and might take some finagling (and refreshing the browser) to get it right, but it seems Pokemon can "remember" their positions in the last two fields they've been to (including the party), so moving them to the party and then to another field and back should help set the correct order! Note: Happiness will be unaffected as this is only a cosmetic modification. The modified backgrounds will be visible to yourself as well as other players who are using the script.

Screenshots

Preview of all backgrounds used

Troubleshooting

I personally use these alongside the invaluable QoL plugin and some of them expand upon features built into the QoL plugin, but should also function on their own. Also, some of them are pretty long, so please make sure you copy everything from start to finish! A userscript manager such as Stylus is strongly recommended, but pasting into QoL plugin's CSS input form also works in a pinch!

How to make these partially work in Firefox

See: When is :has() css selector going to be fully implemented in Firefox?
  1. Navigate to about:config.
  2. Enter layout.css.has-selector.enabled in the search field.
  3. If the field that shows up is set to false, double-click it to change its value to true.
  4. Refresh any PFQ tabs that are currently open.
I will try my best to help with any further problems, but please understand that my resources for helping with non-Chrome specific problems are limited. Apologies for the inconvenience!
winterbraid | they/them | usually most active around daily reset one button fields and other CSS (last updated: 11 May 2024) typerace: ghost | score: 14551 | next: dark avatar by fubukit (Cubbychoo)
© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page