llSunflowerll
Dark Emperor of Destruction
So I'm just messing around with bbcode, trying to get a hang of it but I've run into a problem I don't understand.
[class name=scontainer] display: flex; flex-flow: row wrap; margin: 0px -4px; overflow: hidden; box-sizing: border-box; width:70%; [/class] [class name=sbutton] margin: 6px 10px; background-color: #9badb0; color: #1d4f54; flex: 1 0 100px; width: calc(100% - 10%); background: #9badb0; transition: all .8s ease-in-out; cursor: pointer; text-align: center; padding: 5px 5%; [/class] [class name=sbutton state=hover] background: #1d4f54; color: #FFFFFF; [/class] [class name=sbuttoncurr] background: #1d4f54; color: #FFFFFF; transition: all .8s ease-in-out; [/class] [class name=stab] display: block; background: #9badb0; box-sizing: border-box; width: 100%; padding: 10px; margin: 10px 2px; [/class] [script class=sbutton version=2] (hide "stab") (show "onetab") (addClass "sbuttoncurr" "onebtn") [/script] [script class=sbutton version=2 on=click] (hide "stab") (removeClass "sbuttoncurr" "sbutton") (= currenttab (index (split (getText) "#") 0 )) (show (+ currenttab "tab")) (addClass "sbuttoncurr" (+ currenttab "btn")) [/script] [div class="scontainer"] [div class="sbutton onebtn"]
This code only works one per post but I wanted to figure out how to add more. Whenever I place more then one all of the tabs change at once instead of separately. I'm just curious to see if there is a fix or if I should try something else
[class name=scontainer] display: flex; flex-flow: row wrap; margin: 0px -4px; overflow: hidden; box-sizing: border-box; width:70%; [/class] [class name=sbutton] margin: 6px 10px; background-color: #9badb0; color: #1d4f54; flex: 1 0 100px; width: calc(100% - 10%); background: #9badb0; transition: all .8s ease-in-out; cursor: pointer; text-align: center; padding: 5px 5%; [/class] [class name=sbutton state=hover] background: #1d4f54; color: #FFFFFF; [/class] [class name=sbuttoncurr] background: #1d4f54; color: #FFFFFF; transition: all .8s ease-in-out; [/class] [class name=stab] display: block; background: #9badb0; box-sizing: border-box; width: 100%; padding: 10px; margin: 10px 2px; [/class] [script class=sbutton version=2] (hide "stab") (show "onetab") (addClass "sbuttoncurr" "onebtn") [/script] [script class=sbutton version=2 on=click] (hide "stab") (removeClass "sbuttoncurr" "sbutton") (= currenttab (index (split (getText) "#") 0 )) (show (+ currenttab "tab")) (addClass "sbuttoncurr" (+ currenttab "btn")) [/script] [div class="scontainer"] [div class="sbutton onebtn"]
one#
one[/div]
[div class="sbutton twobtn"]two#
two[/div]
[div class="sbutton threebtn"]three#
$$$[/div]
[div class="stab onetab"]jjjjjjj[/div]
[div class="stab twotab"]tab two[/div]
[div class="stab threetab"]tab three[/div]
[/div]
This code only works one per post but I wanted to figure out how to add more. Whenever I place more then one all of the tabs change at once instead of separately. I'm just curious to see if there is a fix or if I should try something else