Loading...

Top
PFQ Banner

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

Already a user? New to PFQ?

A Somewhat Extensive Guide to BBCodes

Forum Index > PokéFarm > Guides >

Pages: 123··· 757758759760761··· 766767768

Achillo's AvatarAchillo
Achillo's Avatar
arceus.pngd+.png
I'm back again, I'm trying to use the math code with the inventory, I can't seem to get the math code to subtract one. Okay, so for example. summon_mew.pngx4 Let's say I'm saving one of them. If I try to combine the two, it shows up like this: summon_mew.png -14 How do I go about making it subtract one and reflect it?

Achi | She/they | 18+


Just a rat demon that enjoys Pokemon.
Shop JournalLinkcredits

credits

Code @RAINB0W Forum Icon by me. Signature Pagedoll @Name on Platform
Type Race Score; dark.png 0
pkspsapphire's Avatarhypermode-12.pngpkspsapphire
pkspsapphire's Avatar
hypermode.pngarceus.pngc.png

QUOTE originally posted by Achillo

How do I go about making it subtract one and reflect it?
do [math][inventory=origin sash]-1[/math]! if i use it, it comes out like this ( because i have no origin sashes in my inventory ): 1
  • 🪪
  • 📋
  • 🔗

sapphire/they/23

Tournament Token (Ruby)

Tournament Token (Ruby)

Event Item

(item.png: 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,617,953
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
5.png
815 eggs
Score: 0
credits

credits

Aemilia's Avatarhypermode-12.pngAemilia
Aemilia's Avatar
booster.pnghypermode.pngarceus.pnga.png

QUOTE originally posted by Achillo

I'm back again, I'm trying to use the math code with the inventory, I can't seem to get the math code to subtract one. Okay, so for example. summon_mew.pngx5 Let's say I'm saving one of them. If I try to combine the two, it shows up like this: summon_mew.png -15 How do I go about making it subtract one and reflect it?
try [math][inventory=origin sash]-1[/math] instead
Buying: summon_los.png BSDs 20 ZC summon_nec.png Prisms 70 ZC
Icons/Template by Aemilia

by Kaede

Prf X's AvatarPrf X
Prf X's Avatar
grandmaster.pngb.png

QUOTE originally posted by Achillo

I'm back again, I'm trying to use the math code with the inventory, I can't seem to get the math code to subtract one. Okay, so for example. summon_mew.pngx1 Let's say I'm saving one of them. If I try to combine the two, it shows up like this: summon_mew.png -11 How do I go about making it subtract one and reflect it?
You don't need the math code just add -1 to the inventory code like this: [item=Origin Sash]x[inventory=Origin sash-1] summon_mew.pngx0
LEGO avatar built by me with LDD I always plan for the possibly of a hunt not being complete
we're only human after all
Looking for Hasty Pokemon I don't have TR/Tournament highlighting skin code Help Christopher Lee
aka Andros the Red In Space Ranger
's mom beat stage 2 lung cancer My time is: 01:24 AM
Score: 0
TR code credit
Heya! I wasnt really sure where to go for this, so I'm hoping this would be a good place. I'm in the middle of trying code a journal for myself. It seems that whenever you tab over, the tab box moves positions. Does anyone know what might be causing this? I'm still leaning how all this works and I've kinda been beating my head against this for a while with no good solution. I know the code might looked scuffed, so apologies if it looks scrunkly

Here is What It Looks Like

  • Table of Contents
  • Living Dex(Dexing Service)
  • Summons
  • Gems
  • Mass Click List
***VERY MUCH UNDER CONSTRUCTION I DONT KNOW WHAT I'M DOING.***
k.pngWelcome to My Journalk.png
(reminder that the eggs are tabs)

This is a place to organize my hunts, living dex, shop link, cool people, and many many other things!
I'm always looking for spicy pokemon, so if you need any spicy babies that need a home, please send them my way!
k.pngLiving Dex Indexk.png

Kanto

meep morp
Tab 3]
Tab 4]
tab5c]
Here is the link to the code if looking at it will help figure out what is up. Thanks!
KishanHaru's AvatarKishanHaru
KishanHaru's Avatar
grandmaster.pngb.png

code

[IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/Ember_Journal_Header.png[/IMG][css=background:url('https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_background.png'); background-size:100% auto; background-repeat: repeat-y; color:#131436; padding: 0px 0% 0px 6.6%; font-size:12pt;][css=margin-top:0%; margin-bottom:0%; min-height:10px; position:relative;][sc=tabbed_interface horizontal][ ][ul] [li][tip=Table of Contents][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_1.png[/img][/tip][/li] [li][tip=Living Dex(Dexing Service)][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_2.png[/img][/tip][/li] [li][tip=Summons][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_3.png[/img][/tip][/li] [li][tip=Gems][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_4.png[/img][/tip][/li] [li][tip=Mass Click List][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_5.png[/img][/tip][/li] [/ul] [sc=tab-active]***VERY MUCH UNDER CONSTRUCTION I DONT KNOW WHAT I'M DOING.*** [center][Size=20][color=#5ac574][pkmn=torchic]Welcome to My Journal[pkmn=torchic][/color][/size][/center] [center][color=#c7f7e4](reminder that the eggs are tabs)[/color][/center] [hr] [size=12]This is a place to organize my hunts, living dex, shop link, cool people, and many many other things![/size] [br] [size=12]I'm always looking for spicy pokemon, so if you need any spicy babies that need a home, please send them my way! [/size][ ][/sc][ ][sc=tab-active] [center][Size=20][color=white][pkmn=torchic]Living Dex Index[pkmn=torchic][/color][/size][/center] [hr] [accordion] [a-section=Kanto] meep morp [/a-section][/accordion] [/sc][ ][sc=tab-active]Tab 3][/sc][ ][sc=tab-active]Tab 4][/sc][ ][sc=tab-active]tab5c][/sc][/sc] [/css][/css][IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_footer.png[/IMG] [style] a:hover { color: #303C41; -webkit-transition: all .1s linear 0s; } a { color: #303C41; -webkit-transition: all .1s linear 0s; } .tabbed_interface{ box-shadow:0 0 0 transparent; margin: 0; >ul { background: none; border: none; >li { border-radius: 5px; display: inline-block; background: none; border: none; font-size: 12px; font-family: ms sans serif; letter-spacing: 0.5px; padding: 3px; margin:4px; text-align: center; color: none; cursor: pointer; position: relative; } >li:nth-child(1) { left: -40px; top: -30px; } >li:nth-child(2) { left: -30px; top: -30px; } >li:nth-child(3) { left: -20px; top: -30px; } >li:nth-child(4) { left: 0px; top: -30px; } >li:nth-child(5) { left: 0px; top: -30px; } li:hover{ background: none; border: none; color: none; } >li { &.tab-active { background: none; border: none; color: none; }}} >div { top: -50px; width:505px; border-radius: 0; border: 5px ridge #FFFFFF; background: #303C41; color: white; min-height: 10px; text-align: left; position: relative; margin: 0px; font-family: ms sans serif; font-size: 12px; padding: 6px; overflow: hidden; box-shadow:0 0 0 transparent; }} .tabbox{ background:#303C41; border: #ffffff outset; width: 200px; height: 200px; left: 48px; top: 6px; position: absolute; } .panel h3 > a > svg { display:none; } .panel { border: none; font-family: MS Sans Serif; box-shadow:0 0 0 transparent; &>h3 { >a { color: white; } background: #88A997; color: black; text-align: left; border-radius: 0px; border: none; font-size: 20px; } &>h3:hover{ >a { color: #303C41; } } &>div { background: white; color: #303C41; border-radius: 0px; border: 1px solid #88A997; border-top: none; }} table { margin: 0px auto; border: 0px; } td { border: 1px solid #88A997; background-color: white; color: #88A997; text-align: center; } th { border: 0px; background-color: #303C41; border: 1px solid #303C41; padding: 3px; color: white; text-align: center; } .expbar { border-radius: 0px; background: white; border: 1px solid #c194ed; text-align: top; font-family: MS Sans Serif; color: #303C41; line-height: 15px; overflow: hidden; } .expbar div { background: #88A997; border: 0px; } .tooltip_content { font-size: 12px; text-align:center; font-family: MS Sans Serif; background: white; color: #303C41; border-radius: 0px; border: 1px solid #303C41; } span.bbcode_tooltip { border: none; } ::selection { color: white; background: #303C41; } .cred{ color: #303C41; position: absolute; width: 310px; height: 13px; background: #88A997; top: 223px; left: 0px; padding: 4px; } [/style]
Spaces make, well, spaces. so wrapping unwanted spaces Likethis between lines, then they won't display.
SCA ♪ 🌸 Wiki Help 🌸 SpecialsPM MeMy Shoppe~ Current Hunt: Mudkip
summon_cre.png B> Lunar Wings for 20 ZC ea.

QUOTE originally posted by KishanHaru

code

[IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/Ember_Journal_Header.png[/IMG][css=background:url('https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_background.png'); background-size:100% auto; background-repeat: repeat-y; color:#131436; padding: 0px 0% 0px 6.6%; font-size:12pt;][css=margin-top:0%; margin-bottom:0%; min-height:10px; position:relative;][sc=tabbed_interface horizontal][ ][ul] [li][tip=Table of Contents][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_1.png[/img][/tip][/li] [li][tip=Living Dex(Dexing Service)][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_2.png[/img][/tip][/li] [li][tip=Summons][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_3.png[/img][/tip][/li] [li][tip=Gems][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_4.png[/img][/tip][/li] [li][tip=Mass Click List][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_5.png[/img][/tip][/li] [/ul] [sc=tab-active]***VERY MUCH UNDER CONSTRUCTION I DONT KNOW WHAT I'M DOING.*** [center][Size=20][color=#5ac574][pkmn=torchic]Welcome to My Journal[pkmn=torchic][/color][/size][/center] [center][color=#c7f7e4](reminder that the eggs are tabs)[/color][/center] [hr] [size=12]This is a place to organize my hunts, living dex, shop link, cool people, and many many other things![/size] [br] [size=12]I'm always looking for spicy pokemon, so if you need any spicy babies that need a home, please send them my way! [/size][ ][/sc][ ][sc=tab-active] [center][Size=20][color=white][pkmn=torchic]Living Dex Index[pkmn=torchic][/color][/size][/center] [hr] [accordion] [a-section=Kanto] meep morp [/a-section][/accordion] [/sc][ ][sc=tab-active]Tab 3][/sc][ ][sc=tab-active]Tab 4][/sc][ ][sc=tab-active]tab5c][/sc][/sc] [/css][/css][IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_footer.png[/IMG] [style] a:hover { color: #303C41; -webkit-transition: all .1s linear 0s; } a { color: #303C41; -webkit-transition: all .1s linear 0s; } .tabbed_interface{ box-shadow:0 0 0 transparent; margin: 0; >ul { background: none; border: none; >li { border-radius: 5px; display: inline-block; background: none; border: none; font-size: 12px; font-family: ms sans serif; letter-spacing: 0.5px; padding: 3px; margin:4px; text-align: center; color: none; cursor: pointer; position: relative; } >li:nth-child(1) { left: -40px; top: -30px; } >li:nth-child(2) { left: -30px; top: -30px; } >li:nth-child(3) { left: -20px; top: -30px; } >li:nth-child(4) { left: 0px; top: -30px; } >li:nth-child(5) { left: 0px; top: -30px; } li:hover{ background: none; border: none; color: none; } >li { &.tab-active { background: none; border: none; color: none; }}} >div { top: -50px; width:505px; border-radius: 0; border: 5px ridge #FFFFFF; background: #303C41; color: white; min-height: 10px; text-align: left; position: relative; margin: 0px; font-family: ms sans serif; font-size: 12px; padding: 6px; overflow: hidden; box-shadow:0 0 0 transparent; }} .tabbox{ background:#303C41; border: #ffffff outset; width: 200px; height: 200px; left: 48px; top: 6px; position: absolute; } .panel h3 > a > svg { display:none; } .panel { border: none; font-family: MS Sans Serif; box-shadow:0 0 0 transparent; &>h3 { >a { color: white; } background: #88A997; color: black; text-align: left; border-radius: 0px; border: none; font-size: 20px; } &>h3:hover{ >a { color: #303C41; } } &>div { background: white; color: #303C41; border-radius: 0px; border: 1px solid #88A997; border-top: none; }} table { margin: 0px auto; border: 0px; } td { border: 1px solid #88A997; background-color: white; color: #88A997; text-align: center; } th { border: 0px; background-color: #303C41; border: 1px solid #303C41; padding: 3px; color: white; text-align: center; } .expbar { border-radius: 0px; background: white; border: 1px solid #c194ed; text-align: top; font-family: MS Sans Serif; color: #303C41; line-height: 15px; overflow: hidden; } .expbar div { background: #88A997; border: 0px; } .tooltip_content { font-size: 12px; text-align:center; font-family: MS Sans Serif; background: white; color: #303C41; border-radius: 0px; border: 1px solid #303C41; } span.bbcode_tooltip { border: none; } ::selection { color: white; background: #303C41; } .cred{ color: #303C41; position: absolute; width: 310px; height: 13px; background: #88A997; top: 223px; left: 0px; padding: 4px; } [/style]
Spaces make, well, spaces. so wrapping unwanted spaces Likethis between lines, then they won't display.
Thank you so much, friend!! I didn't know that it was that simple haha. Very very much appreiciated!
TempestsGuard's AvatarTempestsGuard
TempestsGuard's Avatar
champion.png
Hey there, is there any way to make progress bars smaller horizontally at all, ie squish them down a little? If so, is there also a way to show them side by side once they've been squished down? I'm trying to make a section that has trackers for my gemwish badges but having them all together is too long for the "about me" section. The current code I have is this

Code

[progress="[inventory=Normal Gem]/250"][item=Normal Gem][inventory=Normal Gem]/250[/progress][progress="[inventory=Fire Gem]/40"][item=Fire Gem][inventory=Fire Gem]/40[/progress][progress="[inventory=Water Gem]/250"][item=Water Gem][inventory=Water Gem]/250[/progress][progress="[inventory=Electric Gem]/40"][item=Electric Gem][inventory=Electric Gem]/40[/progress][progress="[inventory=Grass Gem]/100"][item=Grass Gem][inventory=Grass Gem]/100[/progress][progress="[inventory=Ice Gem]/40"][item=Ice Gem][inventory=Ice Gem]/40[/progress][progress="[inventory=Fighting Gem]/40"][item=Fighting Gem][inventory=Fighting Gem]/40[/progress][progress="[inventory=Poison Gem]/40"][item=Poison Gem][inventory=Poison Gem]/40[/progress][progress="[inventory=Ground Gem]/250"][item=Ground Gem][inventory=Ground Gem]/250[/progress][progress="[inventory=Flying Gem]/40"][item=Flying Gem][inventory=Flying Gem]/40[/progress][progress="[inventory=Psychic Gem]/40"][item=Psychic Gem][inventory=Psychic Gem]/40[/progress][progress="[inventory=Bug Gem]/100"][item=Bug Gem][inventory=Bug Gem]/100[/progress][progress="[inventory=Rock Gem]/40"][item=Rock Gem][inventory=Rock Gem]/40[/progress][progress="[inventory=Ghost Gem]/40"][item=Ghost Gem][inventory=Ghost Gem]/40[/progress][progress="[inventory=Dragon Gem]/40"][item=Dragon Gem][inventory=Dragon Gem]/40[/progress][progress="[inventory=Dark Gem]/40"][item=Dark Gem][inventory=Dark Gem]/40[/progress][progress="[inventory=Steel Gem]/40"][item=Steel Gem][inventory=Steel Gem]/40[/progress][progress="[inventory=Fairy Gem]/40"][item=Fairy Gem][inventory=Fairy Gem]/40[/progress]
Which shows as this

Display

gem_normal.png183/250
gem_fire.png38/40
gem_water.png7/250
gem_electric.png26/40
gem_grass.png0/100
gem_ice.png17/40
gem_fighting.png21/40
gem_poison.png20/40
gem_ground.png146/250
gem_flying.png31/40
gem_psychic.png34/40
gem_bug.png4/100
gem_rock.png14/40
gem_ghost.png18/40
gem_dragon.png12/40
gem_dark.png10/40
gem_steel.png9/40
gem_fairy.png12/40
I'd essentially like for 2 or 3 to show on the same line, if at all possible. If not, it's totally fine! I'm still figuring out bbcode
Type Race Score: 0
TR Credit: Hakano Riku/Guide
Breakneck Blitz 04/24 3rd Place trophy by spidrenam (sprite usage)
Ursaring's Avatarhypermode-12.pngUrsaring
Ursaring's Avatar
hypermode.pngcomplete.pngshiny.png

QUOTE originally posted by TempestsGuard

Hey there, is there any way to make progress bars smaller horizontally at all, ie squish them down a little? If so, is there also a way to show them side by side once they've been squished down? I'm trying to make a section that has trackers for my gemwish badges but having them all together is too long for the "about me" section.
It would work of you put them in a table like this:
gem_normal.png14/250
gem_fire.png6669/40
gem_water.png13/250
gem_electric.png3761/40
gem_grass.png6512/100
gem_ice.png1208/40
gem_fighting.png2473/40
gem_poison.png2536/40
gem_ground.png1319/250
gem_flying.png3633/40
gem_psychic.png1316/40
gem_bug.png11/100
gem_rock.png65/40
gem_ghost.png1118/40
gem_dragon.png4227/40
gem_dark.png672/40
gem_steel.png4871/40
gem_fairy.png5690/40

Code

[table][ ][tr][ ][td][progress="[inventory=Normal Gem]/250"][item=Normal Gem][inventory=Normal Gem]/250[/progress][/td][ ][td][progress="[inventory=Fire Gem]/40"][item=Fire Gem][inventory=Fire Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Water Gem]/250"][item=Water Gem][inventory=Water Gem]/250[/progress][/td][ ][td][progress="[inventory=Electric Gem]/40"][item=Electric Gem][inventory=Electric Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Grass Gem]/100"][item=Grass Gem][inventory=Grass Gem]/100[/progress][/td][ ][td][progress="[inventory=Ice Gem]/40"][item=Ice Gem][inventory=Ice Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Fighting Gem]/40"][item=Fighting Gem][inventory=Fighting Gem]/40[/progress][/td][ ][td][progress="[inventory=Poison Gem]/40"][item=Poison Gem][inventory=Poison Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Ground Gem]/250"][item=Ground Gem][inventory=Ground Gem]/250[/progress][/td][ ][td][progress="[inventory=Flying Gem]/40"][item=Flying Gem][inventory=Flying Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Psychic Gem]/40"][item=Psychic Gem][inventory=Psychic Gem]/40[/progress][/td][ ][td][progress="[inventory=Bug Gem]/100"][item=Bug Gem][inventory=Bug Gem]/100[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Rock Gem]/40"][item=Rock Gem][inventory=Rock Gem]/40[/progress][/td][ ][td][progress="[inventory=Ghost Gem]/40"][item=Ghost Gem][inventory=Ghost Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Dragon Gem]/40"][item=Dragon Gem][inventory=Dragon Gem]/40[/progress][/td][ ][td][progress="[inventory=Dark Gem]/40"][item=Dark Gem][inventory=Dark Gem]/40[/progress][/td][ ][/tr][ ][tr][ ][td][progress="[inventory=Steel Gem]/40"][item=Steel Gem][inventory=Steel Gem]/40[/progress][/td][ ][td][progress="[inventory=Fairy Gem]/40"][item=Fairy Gem][inventory=Fairy Gem]/40[/progress][/td][ ][/tr][ ][/table] [style] Table {margin: 0 auto; border: 0px} td {border: 0px; padding: 0px; width: 140px;} .expbar{margin:0;} [/style]
Please visit my shop
Avatar by Mystera / Shop button by hamster
Mirzam's Avatarhypermode-12.pngMirzam
Mirzam's Avatar
helpinghand.pnghypermode.pngarceus.pnga.png
There are several ways to do this. The least CSS intensive way is to put them in a table. You could change or hide the table borders with CSS if you like. You can also use width, with a display setting to let them share a line. The box-sizing here prevents any padding and borders from making the bars larger than they really are.

Demo

gem_normal.png17/250
gem_fire.png59/40
gem_water.png125/250
gem_electric.png12/40
gem_grass.png17/100
gem_ice.png38/40
gem_fighting.png72/40
gem_poison.png142/40
gem_ground.png57/250
gem_flying.png14/40
gem_psychic.png25/40
gem_bug.png496/100
gem_rock.png5/40
gem_ghost.png26/40
gem_dragon.png17/40
gem_dark.png28/40
gem_steel.png1228/40
gem_fairy.png24/40

Code

[sc=gembars][progress="[inventory=Normal Gem]/250"][item=Normal Gem][inventory=Normal Gem]/250[/progress][progress="[inventory=Fire Gem]/40"][item=Fire Gem][inventory=Fire Gem]/40[/progress][progress="[inventory=Water Gem]/250"][item=Water Gem][inventory=Water Gem]/250[/progress][progress="[inventory=Electric Gem]/40"][item=Electric Gem][inventory=Electric Gem]/40[/progress][progress="[inventory=Grass Gem]/100"][item=Grass Gem][inventory=Grass Gem]/100[/progress][progress="[inventory=Ice Gem]/40"][item=Ice Gem][inventory=Ice Gem]/40[/progress][progress="[inventory=Fighting Gem]/40"][item=Fighting Gem][inventory=Fighting Gem]/40[/progress][progress="[inventory=Poison Gem]/40"][item=Poison Gem][inventory=Poison Gem]/40[/progress][progress="[inventory=Ground Gem]/250"][item=Ground Gem][inventory=Ground Gem]/250[/progress][progress="[inventory=Flying Gem]/40"][item=Flying Gem][inventory=Flying Gem]/40[/progress][progress="[inventory=Psychic Gem]/40"][item=Psychic Gem][inventory=Psychic Gem]/40[/progress][progress="[inventory=Bug Gem]/100"][item=Bug Gem][inventory=Bug Gem]/100[/progress][progress="[inventory=Rock Gem]/40"][item=Rock Gem][inventory=Rock Gem]/40[/progress][progress="[inventory=Ghost Gem]/40"][item=Ghost Gem][inventory=Ghost Gem]/40[/progress][progress="[inventory=Dragon Gem]/40"][item=Dragon Gem][inventory=Dragon Gem]/40[/progress][progress="[inventory=Dark Gem]/40"][item=Dark Gem][inventory=Dark Gem]/40[/progress][progress="[inventory=Steel Gem]/40"][item=Steel Gem][inventory=Steel Gem]/40[/progress][progress="[inventory=Fairy Gem]/40"][item=Fairy Gem][inventory=Fairy Gem]/40[/progress][/sc] [style] .gembars .expbar { display: inline-block; width: 31%; box-sizing: border-box; margin-left: 1%; margin-right: 1%; } [/style]
A third option would be flex, but I think it's overkill here since you don't really need some of the features, and all the options can be a bit overwhelming. But for completeness, this is more or less what I'd use for flex:

Code

.gembars { display: flex; flex-wrap: wrap; align-content: space-between; } .gembars .expbar { flex-basis: 31%; box-sizing: border-box; }

Pages: 123··· 757758759760761··· 766767768

Cannot post: Please log in to post

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