Emmi
Jumin's Bae
So, basically, whenever I try to create the tabs, it works, woo, but when I click on the tabs, all of the content disappears.
Example:
[div class=tab][/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"][/div][/div]
[div class="tabsContent tabsContentInformation"]I thought you would fade away. I thought you would fade away. I thought you would fade away. I thought you would fade away.[/div]
[div class="tabsContent tabsContentRules" style="display: none;"]A few rules you should follow in this roleplay.[/div]
[div class="tabsContent tabsContentCharacters" style="display: none;"]Create your character using the provided character generator.[/div]
[/div]
Code:
Example:
Character Name
[class=tabs]
background-color: #ab5db7;
border-radius: 5px;
box-shadow: 0px 0px 5px #ab5db7;
box-sizing: border-box;
color: #e4eeff;
font-size: 12px;
font-weight: bold;
line-height: 1;
margin: 20px auto;
min-width: 200px;
text-align: center;
width: 20%;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 20%;
[/class]
[class name=tab state=hover]
background-color: #ab7bb2;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Rules) (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;"]
Code:
Code:
[centerblock=75][div=background-color:#ab5db7; height: 500px; width: 330px;border:5px solid #e1cae3;]
[size=25px][color=#e1cae3][font=Righteous]Character Name[/font][/color][/size]
[div=width:230px;height:170px;background:url(https://i.pinimg.com/736x/55/91/43/55914377e180ff42d7edb8fae66baa2a--little-girls-cute-girls.jpg);background-size:100%;margin:auto;center;border:5px solid #e1cae3;border-radius:80px;][/div]
[nobr]
[class=tabs]
background-color: #ab5db7;
border-radius: 5px;
box-shadow: 0px 0px 5px #ab5db7;
box-sizing: border-box;
color: #e4eeff;
font-size: 12px;
font-weight: bold;
line-height: 1;
margin: 20px auto;
min-width: 200px;
text-align: center;
width: 20%;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 20%;
[/class]
[class name=tab state=hover]
background-color: #ab7bb2;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Rules) (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;"][color=#e1cae3][fa]fa-heartbeat fa-2x[/fa][/color][/div][div class=tab][color=#e1cae3][fa]fa-heartbeat fa-2x[/fa][/color][/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"][color=#e1cae3][fa]fa-heartbeat fa-2x[/fa][/color][/div][/div]
[div class="tabsContent tabsContentInformation"]I thought you would fade away. I thought you would fade away. I thought you would fade away. I thought you would fade away.[/div]
[div class="tabsContent tabsContentRules" style="display: none;"]A few rules you should follow in this roleplay.[/div]
[div class="tabsContent tabsContentCharacters" style="display: none;"]Create your character using the provided character generator.[/div]
[/nobr]
[/div]
[/centerblock]