houseplant
embracing all my scars and imperfections
Code:
[nobr]
[class name=Tabs]
display:inline-block;
color:#cacaca;
background:#707070;
padding:0.5em;
transition:all 0.5s ease-in;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
[/class]
[class name=Tabs state=hover]
color: GREY;
transition: 0.5s;
[/class]
[class name=tab1]
display:inline-block;
cursor:pointer;
width: 20px;
height: 20px;
float: left;
margin-left: 100px;
[/class]
[class name=tab1 state=hover]
display:inline-block;
color:#cacaca;
background:#707070;
padding:0.5em;
transition: all 1s ease-in;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
border-radius: 50px;
text-align: center;
[/class]
[class name=tab2]
display:inline-block;
cursor:pointer;
width:20px;
height:20px;
[/class]
[class name=tab2 state=hover]
display:inline-block;
color:#cacaca;
background:#707070;
padding:0.5em;
transition: all 1s ease-in;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
border-radius: 50px;
text-align: center;
[/class]
[class name=tab3]
display:inline-block;
cursor:pointer;
width:20px;
height:20px;
[/class]
[class name=tab3 state=hover]
display:inline-block;
color:#cacaca;
background:#707070;
padding:0.5em;
transition: all 1s ease-in;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
text-align: center;
border-radius: 50px;
[/class]
[class=tabcontent1]
height:100%;
width:400px;
text-align: justify;
[/class]
[class=tabcontent2]
height:100%;
width:400px;
text-align: justify;
[/class]
[class=tabcontent3]
height:100%;
width:400px;
text-align: justify;
[/class]
[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
show tabcontent1
addClass Tabs
[/script]
[script class=tab2 on=click]
hide tabcontent1
hide tabcontent3
show tabcontent2
addClass Tabs
[/script]
[script class=tab3 on=click]
hide tabcontent1
hide tabcontent2
show tabcontent3
addClass Tabs
[/script]
[script class=tab3 on=click]
hide tabcontent1
hide tabcontent2
show tabcontent3
addClass Tabs
[/script]
[centerblock=50]
[nobr]
[class=container1]
width:200px;
height:350px;
margin:0 auto;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
border: 5px solid #D3D3D3;
border-top-right-radius: 10px;
overflow:hidden;
margin:auto
[/class]
[class=img1]
width: 270px;
height: 350px;
border: 9px solid #D3D3D3;
border-top-right-radius: 10px;
background-image:url('https://66.media.tumblr.com/82482fa7b5de88eb7c8ca1798183ffce/tumblr_pk0k9xSRDk1r8ko3mo2_400.gif');
float: left;
[/class]
[class=img2]
width:80px;
height:80px;
background:url('https://66.media.tumblr.com/03893185631840f53fabecccef7c059c/tumblr_pc5kcjN5Ni1x65eklo8_500.jpg');
background-size:100%;
margin:auto;center;
border:1px solid #D3D3D3;
border-radius:70px;
float: left;
[/class]
[class=container2]
width:270px;
height:350px;
bg:#DCDCDC;
margin: 0 auto;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
border: 9px solid #D3D3D3;
border-top-right-radius: 10px;
overflow:hidden;
margin:auto
[/class]
[class=scrollbar]
width:100%;
height:355px;
overflow:hidden;
[/class]
[class=hiddenscroll]
width: 100%;
height: 100%;
padding-right: 17px;
overflow-y: scroll;
[/class]
[class=title1]
width:450px;
text-align:left;
font-size:100px;
color:pink;
text-shadow:2px 2px 0px #708090;
position:relative;
top:-90px;
left:-40px;
[/class]
[class=title2]
width:450px;
text-align:left;
font-size:55px;
color:pink;
text-shadow:2px 2px 0px #708090;
position:relative;
top:-10px;
right:-110px;
[/class]
[div class=container][div class=img1][div class=title1][font=Tangerine]moon[/font][/div]
[div class=tabs][div class=tab1][color=white][SIZE=20PX]I[/SIZE][/color][/div] [div class=tab2][color=white][SIZE=20PX]II[/SIZE][/color][/div] [div class=tab3][color=white][SIZE=20PX]III[/SIZE][/color][SIZE=20PX][/size][/div][/div]
[/div]
[div class=container2][bg=#DCDCDC][div class=img2][div class=title2][font=Satisfy]taeil[/font][/div][/div][div class=scrollbar][div class=hiddenscroll][div class=tabcontent1][br][/br]basics
[br][/br]
name:.
[br][/br]
age:.
[br][/br]
gender:.
[br][/br]
sexuality:.
[br][/br]
role:.
[br][/br]
likes:.
[br][/br]
[br][/br]
[br][/br]
[br][/br]
[br][/br]
dislikes:.
[br][/br]
[br][/br]
[br][/br]
[row][column=span2] [i]likes[/i]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size][/column]
[column=span4]
[i]dislikes[/i]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[br][/br]
[size=2]▶ like here[/size]
[/column][/row]
[br][/br]
[br][/br]
[br][/br]
[br][/br]
[br][/br][br][/br]
[/div]
[div class=tabcontent2]jndggnjgdgdndggnddgnndgndgndggnd[/div]
[div class=tabcontent3]tjjstrryjjrtryjyj[/div]
[/div][/div][/bg][/div][/div][/nobr][/centerblock][/nobr]
so before you click tab 1 if you just scroll down you see the contents of tab 2 and tab 3 and it fixes if i close the whole div entirely, but then the rest of the tabs content just disappear? How can I get it too to all go into container 2?