Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
Does the walker page actually load your site skin? For some reason I assumed it wouldn't... o:
(I'm stuck on mobile or I'd look myself, but I'm so curious)
I'm surprised too actually, but it seems to work for me. I have the Pokewalker top set to black with that code and it does load it.
The page source does show that the CSS sheet for '//pfq-static.com/skins/user/a/b/c/site-skin/ext/walker/walker.css' is loaded into the page, which when viewed does show my extra CSS code adding that.
Thank you!
It totally worked :)
Now to choose a good shade of green for a friend ball!
Hiya yall, I was going through some artwork I have of one of my fakemon and found this image.
I commissioned it from BananaLizard with the concept that it would be "pulling" the timers bar. But... I don't know how to implement it anymore!!
I remember it was a skin css though, does anyone know the code I'd have to enter to use it as intended?
EDIT: a user messaged me with the exact code I was looking for if anybody else needs it it was-
#announcements>ul>li.spacer{
Height:40px;
margin-left: -4px;
background-image: url('IMAGE URL');
background-attachment:scroll;
background-repeat: no-repeat; !important
}
Rendition of what it looked like
Was there CSS to replace a Pokemon's image universally? I know you can do specific ones with the code in the first post, but I feel like I remember a code to straight up change a pokemons image for every instance.
Matchup Checker
Account Upgrade
(: 0)
A heart-shaped item that allows you to see exactly how compatible a breeding pair is.
Sells for 250
Likes:
Any food
MAX
Bashful nature
Shiny Charm
Account Upgrade
(: 0)
A mysterious charm that, when activated, doubles your chances of hatching a Shiny Pokémon for 24 hours.
Sells for 1,000
Likes:
Sour food
MAX
Bold nature
I use custom berry sprites, but now all other item sprites just aren't there (in site activities like scouring) . which part did I mess up?
CSS
.party, #field_berries {
/* hide original berries */
img {
background-position: center center;
background-repeat: no-repeat;
height: 0;
}
/* small berries */
img[src*="/img/items/aspearberry.png"] {
background-image: url("https://i.imgur.com/Kbzvuad.png");
padding-top: 24px;
width: 24px;
}
img[src*="/img/items/cheriberry.png"] {
background-image: url("https://i.imgur.com/FUp7VYS.png");
padding-top: 24px;
width: 24px;
}
img[src*="/img/items/chestoberry.png"] {
background-image: url("https://i.imgur.com/VenyupZ.png");
padding-top: 24px;
width: 24px;
}
img[src*="/img/items/pechaberry.png"] {
background-image: url("https://i.imgur.com/AJFr7jx.png");
padding-top: 24px;
width: 24px;
}
img[src*="/img/items/rawstberry.png"] {
background-image: url("https://i.imgur.com/hKZCecW.png");
padding-top: 24px;
width: 24px;
}
/* large berries */
img[src*="/img/berries/aspear.png"] {
background-image: url("https://pokefarm.com/upload/wyrm/sour_berry.png");
padding-top: 52px;
width: 40px;
}
img[src*="/img/berries/cheri.png"] {
background-image: url("https://i.imgur.com/jdhVvNp.png");
padding-top: 52px;
width: 40px;
}
img[src*="/img/berries/chesto.png"] {
background-image: url("https://i.imgur.com/zsxsRt4.png");
padding-top: 52px;
width: 40px;
}
img[src*="/img/berries/pecha.png"] {
background-image: url("https://i.imgur.com/ksPOSgF.png");
padding-top: 52px;
width: 40px;
}
img[src*="/img/berries/rawst.png"] {
background-image: url("https://i.imgur.com/EQlQ83A.png");
padding-top: 52px;
width: 40px;
}
}
.taste .right, /*selects "X Food" part*/
.happy /*selects happiness percentage*/ {
color: #00cefe;
}
#shelterarea {
background-image: url('https://i.imgur.com/y4zpYgr.png')!important;
}
That code looks familiar, if it's mine though it's an older version from before I found a bug that made the image replace code too general. It could also be affected by the site wide berry sprite change, since it's using the berry image URLs to decide which to change.
I have a newer version of the code in my journal that shouldn't break scours etc, but it may not be working right now with the berry change. I might be able to update it, but idk if it's worth for a two week event? Hmm
https://pokefarm.com/forum/post/6479653
(Some of these codes don't get a ton of testing by me since I don't use them myself - please let me know if there's issues!)
Okay, different question instead. Using this code;
The pointer still isn't using the custom cursor. How can I change that? I'd like the cursor to stay the same 100% of the time.
*, *:before, *:after {
cursor: url("https://cdn.discordapp.com/attachments/735413318516211712/1166347541416267846/Laszlo_Cursor_Point.png?ex=654a28cb&is=6537b3cb&hm=191a6e01e62bd01187a0a34be265136da2d0997bfd0b394159daaf7454bff1cb&"), auto;
}
☆ Buggy ☆ He/Him ☆ Adult ☆
I'm just a lil guy!
Shop Journal Free Fieldscredits
☆ Current Hunt: Drifloon ☆
credits
Code @RAINB0W
Divider @King-Lulu-Deer on DeviantArt
Forum Icon @Vandi
Signature Pagedoll @Bug2Go on Twitter
how do i replace the feeding berry icons, both in parties and fields?
naïve collector | budding IV breeder
Signature image is free-to-use, by Lagomorphas. Avatar is by Temporal.
@Turbuggy: I must have missed your question, do you still need help? Are you using this code in your skin or a signature/about/post? Have you tried with other images, or tried uploading the image to the on site uploader instead of Discord? I'm on mobile so I can't test cursors right now, but I can look later when I'm on desktop if you'd like.
@krookodilehunter: I've got some code for this in my journal. Tbh I don't use the code myself, so if it does anything weird let me know? But I've given it out a few times now so I think it's pretty stable at this point (3rd section of post):
https://pokefarm.com/forum/post/6479653
If you're trying to get the Halloween candies back and need the image links, here they are:
Small: https://pfq-static.com/img/events/halloween/sour.candy.png
Large: https://pfq-static.com/img/events/halloween/sour.candy.big.png
Replace "sour" with the other flavors to get all five
It won't change people's pkmnpanels in forums/sigs/abouts - I played with that, but the way the image replace works just conflicts too much with the popular custom pkmnpanel codes, and I don't see a good way around the issues with CSS alone.
Cannot post: Please log in to post