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··· 404405406

carinae's Avatarcarinae
carinae's Avatar
grandmaster.pnga.png
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 Avatarhypermode-12.pngMirzam
Mirzam's Avatar
helpinghand.pnghypermode.pngarceus.pnga.png
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
grandmaster.pnga.png
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
wikieditor.pngmaster.pngc.png
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 Avatarhypermode-12.pngAemilia
Aemilia's Avatar
booster.pnghypermode.pngarceus.pnga.png

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: summon_los.png BSDs 20 ZC summon_nec.png Prisms 70 ZC
Icons/Template by Aemilia

by Kaede

carinae's Avatarcarinae
carinae's Avatar
grandmaster.pnga.png
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 Avatarhypermode-12.pngMirzam
Mirzam's Avatar
helpinghand.pnghypermode.pngarceus.pnga.png
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
grandmaster.pnga.png
@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 Avatarhypermode-12.pngAemilia
Aemilia's Avatar
booster.pnghypermode.pngarceus.pnga.png
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 Avatarhypermode-12.pngMirzam
Mirzam's Avatar
helpinghand.pnghypermode.pngarceus.pnga.png

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··· 404405406

Cannot post: Please log in to post

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