Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides >
So, I want to draw a background for a skin, about how big should it be? (_px by _px)
carinae • they/them
temporarily back :]
©
The resolution of many HD monitors is 1920x1080, so that's probably good dimensions.
I'll look at the chrome thing later, and edit this post if I find anything.
Edit: I cannot reproduce the Chrome problem shown in your screenshot. There is other... unusual behavior, but the clicking part itself worked for me. Can you send me a link to an affected skin? If you don't want to post it here, feel free to PM me.
Me again, I made a skin and the notif head's still Absol. I cleared my cache. The code I'm using is this:
#head-social > #notifs > a {
background-image: url('https://cdn.bulbagarden.net/upload/1/16/Shuffle393.png’);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#head-social > #notifs > a > img {
opacity: 0;
}
I think you just need to remove the “ url ( ) “ and leave only the https stiff
![](https://cdn.discordapp.com/attachments/630203808038780928/1020921292670636102/A_Vulpix_S.gif)
![](https://pfq.link/?R3T_8=platform.png)
![](https://pfq.link/?wqM3k=platform.png)
signature by Kattscribbles, with help from Wardove. Official Pokemon Art
QUOTE originally posted by AudreyC27
Me again, I made a skin and the notif head's still Absol. I cleared my cache. The code I'm using is this:
#head-social > #notifs > a {
background-image: url('https://cdn.bulbagarden.net/upload/1/16/Shuffle393.png’);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#head-social > #notifs > a > img {
opacity: 0;
}
Buying:
BSDs 20 ZC
Prisms 70 ZC
![summon_los.png](https://pfq-static.com/img/items/summon_los.png/t=1476882197)
![summon_nec.png](https://pfq-static.com/img/items/summon_nec.png/t=1486378145)
by Kaede
ah okay, thank you! That must be my keyboard, then.
edit: interesting, it's still not working.
#head-social > #notifs > a {
background-image: url('https://cdn.bulbagarden.net/upload/1/16/Shuffle393.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#head-social > #notifs > a > img {
opacity: 0;
}
Are you using a word processor to write your code? Some word processors use that character because it's "pretty", but it breaks code. Try a more programmer-oriented editor instead - I'm fond of Notepad++ if you're a Windows user.
Also: I edited my other post re: the Chrome thing
Edit: That code in your last post worked in my test skin after a hard (without cache) refresh?
@Tarashia I don't know, I'm on my iPad. If I hold on the ’ button it gives me ' , and now it's switched to ' .
Try clearing your cache. I threw that exact code that you re-copied into a test skin I have and there's a piplup in the corner now
QUOTE originally posted by flybynyx
EDIT: I would not even mind if doing so rendered the other tabs useless or invisible because I mainly just want to copy platform codes. I can always temporarily flip to a vanilla skin if I need the others.
Cannot post: Please log in to post