christy
๐๐๐ฃ๐๐ฎ ๐๐๐ฃ๐๐จ
for some reason, in the code below, i can only see the first tab when preview, but when i click on the tabs i don't see anything. idk what i've done lol, i'm a noob at this.
Code:
[div=width: 50%; margin: auto;]
[class=tabs]background-color: #ffffff; color: #b1b1b1; font-size: 18px; font-family: Inconsolata; text-transform: uppercase; margin: auto; text-align: center; padding-right: 6px; padding-left: 6px;[/class]
[class=tab]box-sizing: border-box; cursor: pointer; display: inline-block; padding: 20px 0; width: 15%[/class]
[class name=tab state=hover]background-color: #222222; color: #ffffff;[/class]
[script class=tab on=click]hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 001) (show tabsContenti)
if (eq ${currentTab} 002) (show tabsContentii)
if (eq ${currentTab} 003) (show tabsContentiii)
if (eq ${currentTab} 004) (show tabsContentiv) [/script]
[div=margin-top: -170px;][div=background-color: #ffffff; padding: 10px; font-family: Helvetica; text-align: center; color: #222222; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 50px;]character name[/div][div=height: 300px; background-image: url(https://www.logistec.com/wp-content/uploads/2017/12/placeholder.png); background-size: cover;][/div][div class=tabs][div class=tab]001[/div][div class=tab]002[/div][div class=tab]003[/div][div class=tab]004[/div][/div][div class="tabsContent tabsContent001"][div=background-color: #ffffff; padding: 20px; margin: auto; height: 300px; overflow-y: scroll; font-size: 12px; line-height: 18px; font-family: Inconsolata; color: #333333;]some general details about character[/div][/div][div class="tabsContent tabsContent002" style="display: none;"][div=background-color: #ffffff; padding: 20px; margin: auto; height: 300px; overflow-y: scroll; font-size: 12px; line-height: 18px; font-family: Inconsolata; color: #333333;]some general details about character[/div][/div][div class="tabsContent tabsContent003" style="display: none;"][div=background-color: #ffffff; padding: 20px; margin: auto; height: 300px; overflow-y: scroll; font-size: 12px; line-height: 18px; font-family: Inconsolata; color: #333333;]some general details about character[/div][/div][div class="tabsContent tabsContent004" style="display: none;"][div=background-color: #ffffff; padding: 20px; margin: auto; height: 300px; overflow-y: scroll; font-size: 12px; line-height: 18px; font-family: Inconsolata; color: #333333;]some general details about character[/div][/div][/div][/div]