A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides >
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.
x4
Let's say I'm saving one of them.
If I try to combine the two, it shows up like this:
-14
How do I go about making it subtract one and reflect it?
QUOTE originally posted by Achillo
How do I go about making it subtract one and reflect it?
- 🪪
- 📋
- 🔗
sapphire/they/23
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
Likes:
Dry food
MAX
Quiet nature
815 eggs
Score: 0
credits
credits
- Code @Neonyan
- Pkmnpanel @Mirzam+modified by @Neonyan
- Background+Tab Icons @Pokemon
- Pagedoll @pkspsapphire
- TR code LycanKai+Hakano Riku
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.
x5
Let's say I'm saving one of them.
If I try to combine the two, it shows up like this:
-15
How do I go about making it subtract one and reflect it?
Buying:
BSDs 20 ZC
Prisms 70 ZC
by Kaede
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.
x1
Let's say I'm saving one of them.
If I try to combine the two, it shows up like this:
-11
How do I go about making it subtract one and reflect it?
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 Leeaka Andros the Red In Space Ranger
's mom beat stage 2 lung cancer
My time is: 08:24 PM
Score: 0
TR code creditHeya! 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 the link to the code if looking at it will help figure out what is up. Thanks!
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.***
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!
Welcome to My Journal
(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!
Living Dex Index
Kanto
meep morp
Tab 3]
Tab 4]
tab5c]
Art by me
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]
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]
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
Which shows as this
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
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]
Display
Type Race Score: 0
TR Credit: Hakano Riku/Guide
Breakneck Blitz 04/24 3rd Place trophy by spidrenam (sprite usage)
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.
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]
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.
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:
Demo
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]
Code
.gembars {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.gembars .expbar {
flex-basis: 31%;
box-sizing: border-box;
}
Cannot post: Please log in to post