Loading...

Top
PFQ Banner

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

Already a user? New to PFQ?

[CSS] One Button Fields, Egg Labels, Typeless Field Variants

Forum Index > PokéFarm > Guides >

Pages: 123··· 161718

Winterbraid's AvatarWinterbraid
Winterbraid'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!
Albino Terastal Terapagos Dex PWYW they/them | usually most active around daily reset one button fields and other CSS (last updated: 11 May 2024) typerace: ghost | score: 2912 | next: dragon avatar by me | discord icon by Cubbychoo
Winterbraid's AvatarWinterbraid
Winterbraid's Avatar
The Egg Labels CSS has been updated with Maschiff, Shroodle, Bramblin, and Toedscool! CSS Egg Labels
Winterbraid's AvatarWinterbraid
Winterbraid's Avatar
Egg Labels have been updated with Capsikid, Rellor, Klawf and Flittle! https://github.com/Winterbraid/pokefarm-custom-css/blob/main/egg-labels.css In addition, 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. https://github.com/Winterbraid/pokefarm-custom-css/blob/main/egg-labels-lite.css And yet another update! The One Button Field script has been updated to make the buttons even bigger and easier to hit on the mobile version of the site! Of all the scripts I wrote, I think this is definitely the biggest game-changer, so definitely do give it a try! https://github.com/Winterbraid/pokefarm-custom-css/blob/main/one-button-fields.css
Sari's AvatarSari
Sari's Avatar

QUOTE originally posted by Winterbraid

And yet another update! The One Button Field script has been updated to make the buttons even bigger and easier to hit on the mobile version of the site! Of all the scripts I wrote, I think this is definitely the biggest game-changer, so definitely do give it a try! https://github.com/Winterbraid/pokefarm-custom-css/blob/main/one-button-fields.css
Yeeees, I was waiting for this <3 It was already a game-changer before and now it got just perfect x3 Thank you so much for making the button bigger on mobile! I can finally click with four fingers on my small smartphone AND click the right berry every single time <3 Btw I think this probably isn't possible but I wanted to ask still, but is there a way to make the go-to-next-field-button clickable while using more than one finger? (Is this understandable?)
🐾 Collecting female Pokemon who like to eat sweet berries :3 Loving 🔥 Pokemon <3 Buying: for 15zc/each for 20zc/each for 20zc/each It's fine to just send a trade :)
Winterbraid's AvatarWinterbraid
Winterbraid's Avatar

QUOTE originally posted by Sari

Yeeees, I was waiting for this <3 It was already a game-changer before and now it got just perfect x3 Thank you so much for making the button bigger on mobile! I can finally click with four fingers on my small smartphone AND click the right berry every single time <3 Btw I think this probably isn't possible but I wanted to ask still, but is there a way to make the go-to-next-field-button clickable while using more than one finger? (Is this understandable?)
Thank you for using my script and for your kind words, it really means a lot to me! If you mean having a more prominent "next" button as opposed to it only showing up after all the berries are gone, I think that could definitely be done. Tomorrow I will probably be busy hunting Flittle, but I'll try to look into it over the weekend!
Sari's AvatarSari
Sari's Avatar

QUOTE originally posted by Winterbraid

QUOTE originally posted by Sari

Yeeees, I was waiting for this <3 It was already a game-changer before and now it got just perfect x3 Thank you so much for making the button bigger on mobile! I can finally click with four fingers on my small smartphone AND click the right berry every single time <3 Btw I think this probably isn't possible but I wanted to ask still, but is there a way to make the go-to-next-field-button clickable while using more than one finger? (Is this understandable?)
Thank you for using my script and for your kind words, it really means a lot to me! If you mean having a more prominent "next" button as opposed to it only showing up after all the berries are gone, I think that could definitely be done. Tomorrow I will probably be busy hunting Flittle, but I'll try to look into it over the weekend!
Ah that is not what I meant. The "next" button is prominent enough as it :) I mean if I touch the next button with two or three fingers at the same time, it won't let me go to the next field - only if I touch it with one finger. I was just wondering if there was a way around that :)
Winterbraid's AvatarWinterbraid
Winterbraid's Avatar
Oh yeah, I think I get what you mean now. I've seen that on PC too, if you click certain links on PFQ too fast, the link will just keep trying to load and cancelling itself. I've tried a few things to fix this but haven't managed to get it to work, if there's a solution (other than "don't click too fast") then sadly I'm not aware of it.
Winterbraid's AvatarWinterbraid
Winterbraid's Avatar

Egg Labels

Egg Labels (and Egg Labels Lite) have been updated with Spearow [Savage]!

Special Plates

In addition, a new script has been added! This is a pretty simple script that adds colorful backgrounds to make special Pokemon (and starters) stand out a bit more in party and summary pages. Special Plates

Preview

Qewt's AvatarQewt
Qewt's Avatar
For 1 button fields, is there something I could edit or change to make it open 50 ("interactions sent" for example. Which what I would want)
*Not all those who wonder are lost* Typerace Score: 0
denakori's Avatardenakori
denakori's Avatar
Hi! Tampermonkey doesn't give me a prompt to install the userscript. I'm not sure how to install it?

Pages: 123··· 161718

Cannot post: Please log in to post

© PokéFarm 2009-2024 (Full details)Contact | Rules | Privacy | Reviews 4.6★Get shortlink for this page