Loading...

Top
PFQ Banner

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

Already a user? New to PFQ?

Site Skins: How-To, and Helpful CSS

Forum Index > PokéFarm > Guides >

Pages: 123··· 257258259260261··· 403404405

carinae's Avatarcarinae
carinae's Avatar
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
Mirzam's AvatarMirzam
Mirzam's Avatar
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.
carinae's Avatarcarinae
carinae's Avatar
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; }
Vaporeon26's AvatarVaporeon26
Vaporeon26's Avatar
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
Aemilia's AvatarAemilia
Aemilia's Avatar

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; }
background-image: url('https://cdn.bulbagarden.net/upload/1/16/Shuffle393.png’); < your problem is on this line. You need ' not ’
Buying: BSDs 20 ZC Prisms 70 ZC
Icons/Template by Aemilia

by Kaede

carinae's Avatarcarinae
carinae's Avatar
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; }
Mirzam's AvatarMirzam
Mirzam's Avatar
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?
carinae's Avatarcarinae
carinae's Avatar
@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 ' .
Aemilia's AvatarAemilia
Aemilia's Avatar
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
Mirzam's AvatarMirzam
Mirzam's Avatar

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.
*scrolling back to pages I missed* There's no way to change the default tab while keeping tabs functional with CSS only, but it is possible to just hide the tabs and only show the platform codes. I actually like this idea a lot, I might keep it in my skin too :) #displaycodelist { > ul { display: none !important; } > div.tab-active { display: none !important; } > div:nth-of-type(4) { display: block !important; } }

Pages: 123··· 257258259260261··· 403404405

Cannot post: Please log in to post

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