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 to Expert

Forum Index > PokéFarm > Guides >

Pages: 123··· 28293031

Mio Xenoblade's AvatarMio Xenoblade
Mio Xenoblade's Avatar
oh my goodness its that easy??!! w3schools usually helps me out with everything lol thank you so much!
juno
mio is fine too!
| adult | any pronouns | pfq's otter hoarder
f2u codecode shoptrade shopjournal
art by me for my use only!
Hi again... im tryin' to get the image down to a certain height. Sadly, it's not responding.

[sc=bloodcode][sc=bg] [/sc] [sc=profilepic] [/sc] [sc=maintext] [/sc] [/sc] [style] .bloodcode { .bg { background-image:url('https://i.postimg.cc/tg73Mf9J/photo-1532771098148-525cefe10c23.jpg'); img { height: 50px; } } } [/style]
Does anybody know why?
Star | She/Her | Psychopath
BORED TO DEATH!!
Collecting
x 500 x 500
Sells a variety of things!
Credits
Full credits here. PFP => Salty_Lightning on Pinterest Button => Kaelwolfur
pkspsapphire's Avatarpkspsapphire
pkspsapphire's Avatar

QUOTE originally posted by ShootingStarRain

Hi again... im tryin' to get the image down to a certain height. Sadly, it's not responding.

[sc=bloodcode][sc=bg] [/sc] [sc=profilepic] [/sc] [sc=maintext] [/sc] [/sc] [style] .bloodcode { .bg { background-image:url('https://i.postimg.cc/tg73Mf9J/photo-1532771098148-525cefe10c23.jpg'); img { height: 50px; } } } [/style]
Does anybody know why?
i believe it's because the way you've styled the "img" css is that it will effect all images within the styleclass ".bg" except for the background image, which is already defined in the css itself. in order to get the height of the bg that you want, you should add the specified height to ".bg" like so

code

[sc=bloodcode][ ][sc=bg][ ][/sc][ ][sc=profilepic][ ][/sc][ ][sc=maintext][ ][/sc][ ][/sc] [style] .bloodcode { .bg { background-image:url('https://i.postimg.cc/tg73Mf9J/photo-1532771098148-525cefe10c23.jpg'); height: 50px; } } [/style]
  • 🪪
  • 📋
  • 🔗

sapphire/they/23

Tournament Token (Ruby)

Tournament Token (Ruby)

Event Item

(: 0)

[LEGACY] A token earned from Weekly Tournaments Season 10 but it is too old to be valid.

Legacy items are old items that no longer serve a purpose and are only good for collecting.

Sells for 10,000

Lv. 100 — +4,447,761
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
FireFighting
Happiness MAX
Quiet nature
690 eggs
Score: 300
credits

credits

hi! I'm trying to do some customizaction on my about me;I have seen users with their local time and date that auto updates on their about me sections. can anyone help me figure out how to set this up? I have been pouring thru the forums with no luck

Calypso ~ Adult ~ She/Her

~GRAFAIAI COLLECTOR~ ~IV BREEDER~

It is 10:27 PM Sun in Calypso's Cave PFP by Ashe Moon
WytchyLynx's AvatarWytchyLynx
WytchyLynx's Avatar

QUOTE originally posted by Calypso Halcyon

hi! I'm trying to do some customizaction on my about me;I have seen users with their local time and date that auto updates on their about me sections. can anyone help me figure out how to set this up? I have been pouring thru the forums with no luck
This is what I use in my about me for CST [datetime=h:i A D]GMT+5[/datetime] I can not remember where I found it but I know it was in one of the guides. I had to Google what GMT to use for my time zone. Hope this helps!
Lynx • They/She • 35 • IV Breeder ShopDiscordJournal
super helpfully thank you!
pkspsapphire's Avatarpkspsapphire
pkspsapphire's Avatar

QUOTE originally posted by Calypso Halcyon

super helpfully thank you!
you can find out different ways to format the time bbcode on the wiki!
Xirin's AvatarXirin
Xirin's Avatar
Hello! I haven't done any coding in a loooooooong time, and for some reason I completely broke my code, it was working just fine with the background and all a minute ago. I don't know what I did that it all suddenly disappeared ;w; I only see the outlines working now. (Please bear in mind that T1-4 are basically just test colors! Oh and all artwork is by me of course!)

[sc=BG][img]https://pokefarm.com/upload/:XKx/Templates/Maip/export-12.png[/img] [sc=TEXT]Progress Bar Test [progress=10/25]TEXT[/progress][/sc][/sc] [style] @TEXT: #f5f1ff @BG1: #393546 @BG2: #464353 @T1: #275bb @T2: #bf2761 @T3: #bfa627 @T4: #27bf34 /*MAIN BACKGROUND STYLE*/ .BG{ background-size: contain; background-image: url("https://pokefarm.com/upload/:XKx/Templates/Maip/export-10.png"); border: 5px solid #000000; padding: 5px; min-height: 600px; } /*MAIN TEXTBOX STYLE*/ .TEXT{ position: centered; width: auto; margin-left: 5px; margin-right: 5px; padding: 5px; color: @TEXT; text-align: center; border-left: 2px solid #000000; border-right: 2px solid #000000; border-top: 2px solid #000000; border-bottom: 2px solid #000000; background: @BG1; } /*PROGRESS BAR STYLE*/ .expbar { background: @T1; color: @TEXT; border: px solid #000000; > div { background: @T2; border-right: px solid #000000; } } [/style]
Aemilia's AvatarAemilia
Aemilia's Avatar

code

[sc=BG][img]https://pokefarm.com/upload/:XKx/Templates/Maip/export-12.png[/img] [sc=TEXT]Progress Bar Test [progress=10/25]TEXT[/progress][/sc][/sc] [style] @TEXT: #f5f1ff; @BG1: #393546; @BG2: #464353; @T1: #275bb; @T2: #bf2761; @T3: #bfa627; @T4: #27bf34; /*MAIN BACKGROUND STYLE*/ .BG{ background-image: url("https://pokefarm.com/upload/:XKx/Templates/Maip/export-10.png"); background-size: contain; border: 5px solid #000000; padding: 5px; min-height: 600px; } /*MAIN TEXTBOX STYLE*/ .TEXT{ position: centered; width: auto; margin-left: 5px; margin-right: 5px; padding: 5px; color: @TEXT; text-align: center; border-left: 2px solid #000000; border-right: 2px solid #000000; border-top: 2px solid #000000; border-bottom: 2px solid #000000; background: @BG1; } /*PROGRESS BAR STYLE*/ .expbar { background: @T1; color: @TEXT; border: px solid #000000; > div { background: @T2; border-right: px solid #000000; } } [/style]
You needed semicolons after each variable is all!
Buying: BSDs 20 ZC Prisms 70 ZC
Icons/Template by Aemilia

by Kaede

Xirin's AvatarXirin
Xirin's Avatar
Oh that makes so much sense now lol, thank you so much! :>

Pages: 123··· 28293031

Cannot post: Please log in to post

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