koala
™
My code is so messed up I don't even know where to begin. I started off with the new BBCode+ tabs coding, and I just... aedgrfdsbcvgacws. My tabs aren't working and for anyone that even attempts to figure out what's wrong, I commend you. It's all very cluttered and I apologize. It's cluttered, but I can still understand it so I normally don't ask for help. Thank you in advance.
* Please don't steal my crappy coding. Thank you.
* Please don't steal my crappy coding. Thank you.
Code:
[div=background-color: #AFB7BE;
width: 665px;
height: 450px;
margin: auto;
][div=background-color: #4F6272;
height: 300px;
width: 280px;
margin-left: 20px;
margin-top: 20px;
position: absolute;
border-radius: 5px;
][div=border: 1px solid #F8FDFB;
background-image: url(https://i.imgur.com/LKGLfdq.jpg);
height: 260px;
width: 240px;
margin: auto;
margin-top: 20px;
font-size: 25px;
text-align: center;
color: #F8FDFB;
letter-spacing: 2px;
line-height: 1.5;
text-shadow: 3px 3px #333333;][div=background-image: url(https://i.imgur.com/HiZ8YBQ.png);
background-size: 120%;
background-position: 50%;
height: 150px;
width: 150px;
margin-top: 20px;
margin-left: 45px;
border-radius: 50%;
border: 1px solid #F8FDFB][/div][font=Noto Sans]ITSUKI
TOUMA[/font][/div][/div]
[class=tabs]
background-color: #4F6272;
color: #F8FDFB;
font-size: 8px;
line-height: 1;
min-width: 300px;
text-align: center;
width: 300px;
position: absolute;
margin-top: 125px;
margin-left: 20px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 30%;
[/class]
[class name=tab state=hover]
background-color: #41515E;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} General) (show tabsContentGeneral)
if (eq ${currentTab} Appearance) (show tabsContentAppearance)
if (eq ${currentTab} Persona) (show tabsContentPersona)
if (eq ${currentTab} Background) (show tabsContentBackground)
if (eq ${currentTab} Miscellaneous) (show tabsContentMiscellaneous)
[/script]
[div class=tabs][div class=tab]GENERAL [fa]fa-circle[/fa][/div][div class=tab]APPEARANCE [fa]fa-circle[/fa][/div][div class=tab]PERSONA [fa]fa-circle[/fa][/div][div class=tab]BACKGROUND [fa]fa-circle[/fa][/div][div class=tab]MISCELLANEOUS [fa]fa-circle[/fa][/div][/div]
[div class="tabsContent tabsContentGeneral;"][div=background-color: #7F8C98;
width: 305px;
height: 390px;
padding: 10px;
position: absolute;
margin-left: 320px;
margin-top: -230px;
][div=height: 150px;
width: 285px;
margin-top: 70px;
padding: 10px;
font-size: 12px;
color: #333333;
overflow-y: auto;
position: absolute;
display: inline-block;
line-height: 1.6;
][font=Noto Sans]⤳ [b]name:[/b] Itsuki Touma
⤳ [b]age:[/b] 22
⤳ [b]birthday:[/b]
⤳ [b]gender:[/b] Male
⤳ [b]romantic orientation:[/b] Demiromantic
⤳ [b]sexual orientation:[/b] Heterosexual
⤳ [b]ethnicity:[/b] Japanese
⤳ [b]occupation:[/b] University Student, 4th year[/font][/div][div=background-image: url(https://i.imgur.com/IAEXLPR.png);
background-size: 150%;
background-position: -90px 180px;
height: 150px;
width: 305px;
margin: auto;
margin-top: 250px;
position: absolute;
][/div][/div][/div]
[div class="tabsContent tabsContentAppearance;"][div=background-color: #7F8C98;
width: 305px;
height: 390px;
padding: 10px;
position: absolute;
margin-left: 320px;
margin-top: -272px;
][div=height: 350px;
width: 293px;
margin-top: 10px;
padding: 10px;
font-size: 12px;
color: #333333;
overflow-y: auto;
position: absolute;
display: inline-block;
line-height: 1.6;
border: 1px solid;
][font=Noto Sans][row][column=span5]⤳ [b]faceclaim:[/b] [url=https://www.instagram.com/aymmm_cby/]AYUMU[/url]
⤳ [b]height:[/b]
⤳ [b]weight:[/b]
⤳ [b]hair:[/b] Itsuki's hair is currently black and wavy, however, he's been known for having pastel hair colors in the past. The continuous dying has left his hair a bit drier than it used to be, but it's getting back to its former, healthy state. His hair is also on the shaggier side in length since he unconsciously keeps up with the trends.
⤳ [b]eyes:[/b] Dark Brown
⤳ [b]modifications:[/b] He usually wears small silver hoops in either one ear or both.
⤳ [b]fashion style:[/b] Like his hair, Itsuki's sense of clothing leads towards the dark spectrum. He wears the color black more than anything, but he's not scared of showing a more colorful side. He also will throw on fake glasses when he's not looking his best or feeling a bit lazy.[/column][column=span3][bg=#F8FDFB][img]https://i.imgur.com/XI9HFGt.png[/img]
[img]https://i.imgur.com/XMA8iUQ.png[/img]
[img]https://i.imgur.com/KemFUnf.png[/img]
[img]https://i.imgur.com/NwDa28p.png][/img]
[img]https://i.imgur.com/tb9JxmM.png[/img]
[img]https://i.imgur.com/HZmJTex.png[/img]
[img]https://i.imgur.com/t0QCYDe.png[/img][/bg][/column][/row][/font][/div][/div]
[div class="tabsContent tabsContentPersona;"][div=background-color: #7F8C98;
width: 305px;
height: 390px;
padding: 10px;
position: absolute;
margin-left: 320px;
margin-top: -272px;
][div=height: 350px;
width: 293px;
margin-top: 10px;
padding: 10px;
font-size: 12px;
color: #333333;
overflow-y: auto;
position: absolute;
display: inline-block;
line-height: 1.6;
border: 1px solid;
][/div][/div][/div]
[div class="tabsContent tabsContentBackground;"][div=background-color: #7F8C98;
width: 305px;
height: 390px;
padding: 10px;
position: absolute;
margin-left: 320px;
margin-top: -272px;
][div=height: 350px;
width: 293px;
margin-top: 10px;
padding: 10px;
font-size: 12px;
color: #333333;
overflow-y: auto;
position: absolute;
display: inline-block;
line-height: 1.6;
border: 1px solid;
][/div][/div][/div]
[div class="tabsContent tabsContentMiscellaneous;"][div=background-color: #7F8C98;
width: 305px;
height: 390px;
padding: 10px;
position: absolute;
margin-left: 320px;
margin-top: -272px;
][div=height: 350px;
width: 293px;
margin-top: 10px;
padding: 10px;
font-size: 12px;
color: #333333;
overflow-y: auto;
position: absolute;
display: inline-block;
line-height: 1.6;
border: 1px solid;
][/div][/div][/div][div=background-color: #4F6272;
height: 25px;
width: 300px;
position: absolute;
margin-top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;][/div]
[/div][/div]
Last edited: