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)
elliot • they/them
quit, dm xim#7352 if you need me
©
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
Avatar credit can be found in my journal under the art tabs
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
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