Satanic Nightjar
reach for the stars and don't settle for the moon
Hey! As you can see, my problem is that when the program first loads, all three tabs are displayed on the first tab, until you actually CLICK on the "about", and then everything functions normally. If anyone could help me solve this I'd be soooo so grateful
[class=tabs]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
border-radius: 1000px;
box-shadow: 0px 0px 15px black;
color: black;
font-size: 18px;
font-weight: bold;
min-width: 350px;
text-align: center;
width: 50%;
margin: auto;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 33%;
border-radius: 50px;
[/class]
[class name=tab state=hover]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} about) (show tabsContentabout)
if (eq ${currentTab} preferences) (show tabsContentpreferences)
if (eq ${currentTab} plot) (show tabsContentplot)
[/script]
[div class=tabs][div class=tab]about[/div][div class=tab]preferences[/div][div class=tab]plot[/div][/div]
[div class="tabsContent tabsContentabout" style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center;"] text here
[/div]
[div class="tabsContent tabsContentpreferences"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -45px;"] text here
[/div]
[div class="tabsContent tabsContentplot"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -90px;"] text here
[/div]
[class=tabs]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
border-radius: 1000px;
box-shadow: 0px 0px 15px black;
color: black;
font-size: 18px;
font-weight: bold;
min-width: 350px;
text-align: center;
width: 50%;
margin: auto;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 33%;
border-radius: 50px;
[/class]
[class name=tab state=hover]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} about) (show tabsContentabout)
if (eq ${currentTab} preferences) (show tabsContentpreferences)
if (eq ${currentTab} plot) (show tabsContentplot)
[/script]
[div class=tabs][div class=tab]about[/div][div class=tab]preferences[/div][div class=tab]plot[/div][/div]
[div class="tabsContent tabsContentabout" style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center;"] text here
[/div]
[div class="tabsContent tabsContentpreferences"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -45px;"] text here
[/div]
[div class="tabsContent tabsContentplot"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -90px;"] text here
[/div]
[imageFloat=center][div=margin-left: 35%; width:300px;height:300px; border: 5px solid; background:url('https://pbs.twimg.com/media/Dw9_U7UVsAAEkpP.jpg');background-size:110%; border-radius: 500px; text-align: center; margin-bottom: -150px][/div] [/imageFloat]
[class=tabs]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
border-radius: 1000px;
box-shadow: 0px 0px 15px black;
color: black;
font-size: 18px;
font-weight: bold;
min-width: 350px;
text-align: center;
width: 50%;
margin: auto;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 33%;
border-radius: 50px;
[/class]
[class name=tab state=hover]
background:url('https://i.pinimg.com/originals/ed/d7/4d/edd74de52629ba3f747f63c955e17440.jpg');
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} about) (show tabsContentabout)
if (eq ${currentTab} preferences) (show tabsContentpreferences)
if (eq ${currentTab} plot) (show tabsContentplot)
[/script]
[div class=tabs][div class=tab]about[/div][div class=tab]preferences[/div][div class=tab]plot[/div][/div]
[div class="tabsContent tabsContentabout" style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center;"] text here
[/div]
[div class="tabsContent tabsContentpreferences"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -45px;"] text here :)
[/div]
[div class="tabsContent tabsContentplot"
style="margin: auto; width: 600px;box-shadow: 0px 0px 20px black; border-radius: 20px; font-size: 12px; height: 150px; overflow: scroll; padding: 20px; text-align: center; margin-top: -90px;"] text here
[/div]