MDL
RIP Doctor Calgori (2012-2017)
Hey I'm trying to make an interest check using the tabs found in Tutorial - RpNation - BBCode+ Guide. But when I add text content to each tab there are no paragraphs and they just end up on the same row. How to fix this?
Example:
[class=tabs] background-color: #509cf7; border-radius: 5px; box-shadow: 0px 0px 5px #000088; box-sizing: border-box; color: #e4eeff; font-size: 18px; font-weight: bold; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 50%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 33%; [/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} Characters) (show tabsContentCharacters) [/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 style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Characters[/div][/div] [div class="tabsContent tabsContentInformation"]line1 line2 line 3 line 4[/div] [div class="tabsContent tabsContentRules" style="display: none;"]line1 line2 line 3 line 4[/div] [div class="tabsContent tabsContentCharacters" style="display: none;"]line1 line2 line 3 line 4[/div]
Tutorial - RpNation - BBCode+ Guide
background-color: white; color: black; padding: 10px; border-bottom: double 5px rgb(48, 97, 146); box-sizing: border-box; color: rgb(48, 97, 146); font-size: 270%; font-weight: bold; line-height: 1; margin-bottom: 5px; padding: 5px 0px 7px...
www.rpnation.com
Example:
[class=tabs] background-color: #509cf7; border-radius: 5px; box-shadow: 0px 0px 5px #000088; box-sizing: border-box; color: #e4eeff; font-size: 18px; font-weight: bold; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 50%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 33%; [/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} Characters) (show tabsContentCharacters) [/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 style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Characters[/div][/div] [div class="tabsContent tabsContentInformation"]line1 line2 line 3 line 4[/div] [div class="tabsContent tabsContentRules" style="display: none;"]line1 line2 line 3 line 4[/div] [div class="tabsContent tabsContentCharacters" style="display: none;"]line1 line2 line 3 line 4[/div]