RageOfInfinity
Improbability is a bad reason to disbelieve
How do you alter the code of a single tab without blocking out the code of the other tabs? I'll edit one tab and it'll look fantastic but when I move to the next tab, it just won't show its content, no matter what I do.
edit: Here's what I have so far. Clicking on the other tabs reveal nothing.
[class=tabs] background-color: #509cf7; border-radius: 2px; box-shadow: 0px 0px 5px #000088; box-sizing: border-box; color: #e4eeff; font-size: 15px; font-weight: bold; line-height: 1; margin: 0 auto; min-width: 300px; text-align: center; width: 100%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 0; width: 20%; [/class] [class name=tab state=hover] background-color: #2b7abb; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Information) (show tabsContentInformation) if (eq ${currentTab} Rules) (show tabsContentRules) if (eq ${currentTab} Applications) (show tabsContentApplications) if (eq ${currentTab} Characters) (show tabsContentCharacters) if (eq ${currentTab} Lore) (show tabsContentLore) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Information[/div][div class=tab]Rules[/div][div class=tab]Applications[/div][div class=tab]Characters[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px;"]Lore[/div][/div] [div class="tabsContent tabsContentInformation"]
[div class="tabsContent tabsContentRules" style="display: none;"]A few rules you should follow in this roleplay.
[div class="tabsContent tabsContentApplications" style="display: none;"]Character Application[/div]
[div class="tabsContent tabsContentCharacters" style="display:none;"]A list of Characters[/div]
[div class="tabsContent tabsContentLore" style="display:none;"]Lore[/div][/div]
[/div][div class="tabsContent tabsContentInformation"][/div]
edit: Here's what I have so far. Clicking on the other tabs reveal nothing.
[class=tabs] background-color: #509cf7; border-radius: 2px; box-shadow: 0px 0px 5px #000088; box-sizing: border-box; color: #e4eeff; font-size: 15px; font-weight: bold; line-height: 1; margin: 0 auto; min-width: 300px; text-align: center; width: 100%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 0; width: 20%; [/class] [class name=tab state=hover] background-color: #2b7abb; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Information) (show tabsContentInformation) if (eq ${currentTab} Rules) (show tabsContentRules) if (eq ${currentTab} Applications) (show tabsContentApplications) if (eq ${currentTab} Characters) (show tabsContentCharacters) if (eq ${currentTab} Lore) (show tabsContentLore) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Information[/div][div class=tab]Rules[/div][div class=tab]Applications[/div][div class=tab]Characters[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px;"]Lore[/div][/div] [div class="tabsContent tabsContentInformation"]
Hello