Loading...

Top
PFQ Banner

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

Already a user? New to PFQ?

Guide to CSS (Beginner & Intermediate) [In Progress]

Forum Index > PokéFarm > Guides >

Pages: 123··· 5758596061··· 828384

LeviTeh's AvatarLeviTeh
LeviTeh's Avatar
*not really sure how to do this, *I’m making a template but I like to change the appearance of bullets
  • <—these
veliona's Avatarveliona
veliona's Avatar
Does anyone know how to do this? I just want to know how to do the pink thing where you write things.
Übercharm

Übercharm

Account Upgrade

(: 0)

An overpowered charm that, when activated, massively increases your chances of hatching Melanistic Pokémon for 28 days.

Sells for 2,000

Lv. 100 — Locked
Aspear BerryAspear Berry
Aspear Berry (SOUR)
Cheri BerryCheri Berry
Cheri Berry (SPICY)
Chesto BerryChesto Berry
Chesto Berry (DRY)
Pecha BerryPecha Berry
Pecha Berry (SWEET)
Rawst BerryRawst Berry
Rawst Berry (BITTER)
Likes:
Dry food
SteelPsychic
Happiness 27%
Rash nature
avatar
KishanHaru's AvatarKishanHaru
KishanHaru's Avatar
What do you mean "the pink thing" ?
SCA ♪ 🌸 Wiki Help 🌸 SpecialsPM MeMy Shoppe~ Current Hunt: Mudkip
B> Lunar Wings for 45 ZC ea.
veliona's Avatarveliona
veliona's Avatar
It's somewhat transparent
OBESYX's AvatarOBESYX
OBESYX's Avatar
I would believe would would have to take out a transparent oval from your image of choice, upload it, and place the text inside with your coding?
Asphodel | 24 | they/he |
Adamant nature collector
|
Local Ghost delta fiend.
78 until next Gholdengo
Always buying for 15 per! 0 | 316 Delta Collector List | Journal | Joint Trade Shop
Avatar is a screencap from Spider-Man: Across the Spider-Verse.
Aemilia's AvatarAemilia
Aemilia's Avatar
Convert your colour to rgba.
Some text here. Let's fill the gap a bit with rambling words and sentences until it's a bit longer. Words to continue my rambles. I threw random colours into this I'm sorry.
[Sc=class][styleclass=opaque]Some text here. Let's fill the gap a bit with rambling words and sentences until it's a bit longer. Words to continue my rambles. [/styleclass][/sc] [style] .class{background-color: blue; padding:1%;} .opaque { background-color: rgba(255,175,55,0.5); padding: 2%; color: #aaa; border-radius: 10px; } [/style]
Buying: BSDs 20 ZC Prisms 70 ZC
Icons/Template by Aemilia

by Kaede

akatsukihidan's Avatarakatsukihidan
akatsukihidan's Avatar
Even though this was solved an hour ago... to add on to what Érable said, if you don’t know, you can change how much transparency you want by changing the decimal. background-color: rgba(255, 255, 255, 0.5); the decimal should always be where it’s underlined and bolded in order for this to work.
0.0 or 0 is fully transparent:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu aliquet arcu. Nam in arcu erat. Quisque quis sem iaculis, convallis enim ultricies, congue neque. Proin eget rhoncus orci. Integer cursus tincidunt quam, a posuere leo commodo vitae...
1.0 or 1 is fully opaque, or, no transparency:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu aliquet arcu. Nam in arcu erat. Quisque quis sem iaculis, convallis enim ultricies, congue neque. Proin eget rhoncus orci. Integer cursus tincidunt quam, a posuere leo commodo vitae...
So you can use any numbers in between those two values: Here’s what using 0.75 may look like:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu aliquet arcu. Nam in arcu erat. Quisque quis sem iaculis, convallis enim ultricies, congue neque. Proin eget rhoncus orci. Integer cursus tincidunt quam, a posuere leo commodo vitae...
Here’s what using 0.25 may look like:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu aliquet arcu. Nam in arcu erat. Quisque quis sem iaculis, convallis enim ultricies, congue neque. Proin eget rhoncus orci. Integer cursus tincidunt quam, a posuere leo commodo vitae...
And many other numbers to choose from. The only limit (besides having the code done correctly), is your imagination. Another tip too: if the decimal includes 0 being in the ones place, then you can exclude it. So for example, if you wanna use 0.67, you can just put .67 instead.
veliona's Avatarveliona
veliona's Avatar
I knew that; Does anyone know the right size (in px) for a signature?
gandrshot's Avatargandrshot
gandrshot's Avatar
Føxxshadow, I know this was from two weeks ago but if no one answered your question, 600px wide by 250px tall is the maximum size allowed for signatures, if that's what you're asking. I have a question about bullet points that might be fairly complicated, but I can't solve it otherwise. I'm trying to set an unordered list to cycle through the card suits for each bullet using the nth-child pseudo-selector, but it doesn't seem to be working. I don't think my math is off but regardless of whether or not it is it's only registering one of the values for the entire list - in the code I originally built it for it was only registering the Spades, which should be the first, and then when I was writing this post it switched to Hearts, and now it's only showing Clubs. So I have no idea what it's going to show everyone else when I post it. But like so:
  • Spades
  • Hearts
  • Clubs
  • Diamonds
  • Spades
  • Hearts
This is my code, does anyone know how on earth to make this work?

CODE

ul:nth-child(4n+1) { list-style-image:url('https://i.imgur.com/IBVjcGp.png') } ul:nth-child(4n+2) { list-style-image:url('https://i.imgur.com/ywvfL2L.png') } ul:nth-child(4n+3) { list-style-image:url('https://i.imgur.com/pilTjHW.png') } ul:nth-child(4n+4) { list-style-image:url('https://i.imgur.com/0ZYcSF4.png') }
avatar by louis wain (1860-1939); public domain 5/6 IVs & S/A/D UFS in my shop, come stop by
Aemilia's AvatarAemilia
Aemilia's Avatar
Try this: [style] li:nth-child(4n+1) { list-style-image:url('https://i.imgur.com/IBVjcGp.png') } li:nth-child(4n+2) { list-style-image:url('https://i.imgur.com/ywvfL2L.png') } li:nth-child(4n+3) { list-style-image:url('https://i.imgur.com/pilTjHW.png') } li:nth-child(4n+4) { list-style-image:url('https://i.imgur.com/0ZYcSF4.png') } [/style] You want to be selecting the li instead of the ul because there's only only list, but multiple bullets. You want to select the bullets themselves, which is why you utilise the li.

Pages: 123··· 5758596061··· 828384

Cannot post: Please log in to post

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