What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help Hidden Tabs?

Capricity

sun child
Hello to all the more experienced coders that are reading this!! I’m still very new to BBCode, and I’ve tried everything I can to make hidden tabs. Would someone be able to explain to me how to do that? If so, that would be so useful. If it helps, I’ll link the code that I’m working on!! Thank you!!
 

Capricity

sun child
What do you mean by hidden tabs?
Some codes, most often character sheets, have multiple tabs where info goes, though they use tab banners to make them more aesthetically pleasing!! I was wondering how to do that.
 

Idea

The Pun Tyrant The Gif Hydra
Some codes, most often character sheets, have multiple tabs where info goes, though they use tab banners to make them more aesthetically pleasing!! I was wondering how to do that.
Hmmm... Well, I don't know how to make any fancier tabs, but if it's the basic ones:
Code:
[tabs][tab=1]text text text[/tab][tab=2]More text[/tab][/tabs]
Which ends up as:
  • text text text
 

Capricity

sun child
Hmmm... Well, I don't know how to make any fancier tabs, but if it's the basic ones:
Code:
[tabs][tab=1]text text text[/tab][tab=2]More text[/tab][/tabs]
Which ends up as:
  • text text text
yes, yes I got that far in my code, but thank you so much for your help!!
 

Capricity

sun child
Here’s the code, if this helps anyone!!

Code:
 [border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
go ahead and check out pasta's tutorial! it's very helpful, but if you run into any other issues feel free to ask me as well (o˘◡˘o)
 

Capricity

sun child
go ahead and check out pasta's tutorial! it's very helpful, but if you run into any other issues feel free to ask me as well (o˘◡˘o)
Thank you!! I seem to have it (sort of) figured out, only the background is appearing behind the layer of teabs, and is, in effect, useless. Would you be able to help me fix that??

Code:
 [border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab][/tabs]

[/border][/border][/border][/border][/border][/border][/border][/border][/border][/border][border=transparent; height: 100px; background: #FFFFFF; margin-top: -325px; width: 100%; margin-left: 50px; pointer-events: none; ]ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv[/border]
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
Thank you!! I seem to have it (sort of) figured out, only the background is appearing behind the layer of teabs, and is, in effect, useless. Would you be able to help me fix that??

Code:
 [border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/tab][/tabs]

[/border][/border][/border][/border][/border][/border][/border][/border][/border][/border][border=transparent; height: 100px; background: #FFFFFF; margin-top: -325px; width: 100%; margin-left: 50px; pointer-events: none; ]ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv[/border]

see below!
a few things that i've done with the code, as it was messing up majorly and for you to take note in the future as it's important to ensure the code doesn't pass away:
1. closing your borders -- make sure there's always a [/border] whenever one content ends, or all of your borders will just be compounded together. for example, all of the borders that you opened within each tab had no closing [/border] before its [/tab], and thus created a long chain of [/border]s at the very end of the code. it resulted in the weirdest looking final!'

2. putting borders within others -- not a css expert but i believe people call these the parent and children divs, and these are usually useful for keeping one element within another. like a house, or something. i put the two final [/border]s after the border that's supposed to cover the tabs just so it's all in the same code. when you think about position:relative and position:absolute in the future, which can prevent having to use huge numbers or eyeballing for margin-top and ensures the cover will always be on top (except for some scenarios), this will help greatly! you can check out how i do my hidden tabs to see what i mean (´。• ᵕ •。`)

3. z-index -- you can read about it here: css z-index property. since your issue was that it was underneath the tabs, it was an easy fix just by assigning it a z-index value. you can treat it like layers in digital art, except you'll need to specify the position property for it to recognise the z-index as valid. i stuck a position:relative and a z-index value of 2 on it so it would go over the tabs! as a baseline, any element with a position property set will always go over an element without the position property set, at least to my knowledge (^人^)

4. added an overflow:hidden; to your main container to get rid of that line at the bottom, this is helped by point 2 as well i think!

5. just as an added note: you can set size and colour with css properties if you don't want your code to look as cluttered with different brackets, respectively font-size: and color: ! though do note the numbers w/ no units in [size=] does not correspond to pixels, as far as i know.

hope this helps!


Code:
[border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%; overflow:hidden;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]
[/tabs][border=transparent; height: 100px; background: #FFFFFF; width:100%; margin-top:-520px; pointer-events: none; position:relative; z-index:2;]ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv[/border][/border][/border]



  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

    Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

    Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

    Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

    Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.
ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv
 

Capricity

sun child
see below!
a few things that i've done with the code, as it was messing up majorly and for you to take note in the future as it's important to ensure the code doesn't pass away:
1. closing your borders -- make sure there's always a [/border] whenever one content ends, or all of your borders will just be compounded together. for example, all of the borders that you opened within each tab had no closing [/border] before its [/tab], and thus created a long chain of [/border]s at the very end of the code. it resulted in the weirdest looking final!'

2. putting borders within others -- not a css expert but i believe people call these the parent and children divs, and these are usually useful for keeping one element within another. like a house, or something. i put the two final [/border]s after the border that's supposed to cover the tabs just so it's all in the same code. when you think about position:relative and position:absolute in the future, which can prevent having to use huge numbers or eyeballing for margin-top and ensures the cover will always be on top (except for some scenarios), this will help greatly! you can check out how i do my hidden tabs to see what i mean (´。• ᵕ •。`)

3. z-index -- you can read about it here: css z-index property. since your issue was that it was underneath the tabs, it was an easy fix just by assigning it a z-index value. you can treat it like layers in digital art, except you'll need to specify the position property for it to recognise the z-index as valid. i stuck a position:relative and a z-index value of 2 on it so it would go over the tabs! as a baseline, any element with a position property set will always go over an element without the position property set, at least to my knowledge (^人^)

4. added an overflow:hidden; to your main container to get rid of that line at the bottom, this is helped by point 2 as well i think!

5. just as an added note: you can set size and colour with css properties if you don't want your code to look as cluttered with different brackets, respectively font-size: and color: ! though do note the numbers w/ no units in [size=] does not correspond to pixels, as far as i know.


hope this helps!


Code:
[border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%; overflow:hidden;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]
[/tabs][border=transparent; height: 100px; background: #FFFFFF; width:100%; margin-top:-520px; pointer-events: none; position:relative; z-index:2;]ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv[/border][/border][/border]



  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

    Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

    Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

    Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

    Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.
ffffffhifeuciufvhiufhviuvhifvhefiuvhfeiuvhfievhfieuvhfieuvhfiuvhfiuvhifeuhvfeiuvhfeiuvhfievuhfeiuvfheviufhvfeiuvhefiuvhfeiuv
Ahhhh thank you so much!! This really helps!!
 

Capricity

sun child
I do have one more question for the wonderous Uxie (or any of you other spectacular coders!! I seem to have figured out everything told to me here fairly well, but when I went to go and add more cover-ups for the tabs, none of the layers would appear. I tried messing with the z-index to see if this would change anything, and I even changed the position of the borders, but for whatever reason they refuse to appear anywhere on the code. This is probably a super easy thing to fix, but for the life of me I cannot figure it out!!

Ooh actually, one more thing!! I’ve been enjoying the opacity of the main text box, but it seems that every border I’ve made after that also is at 0.8 opacity, despite my many attempts to keep new borders at 100% opacity. Is there a way to fix this?

Code:
 [border=transparent; margin: auto; background: url(https://www.rpnation.com/attachments/5ae61dcf-3204-4154-ad0f-4dba221d513f-png.858141/); height: 500px; width: 500px; background-size: 100%; overflow:hidden;][border=solid 3px #436886; background: #FFFFFF; opacity: 0.8; height: 400px; width: 400px; margin-left: 40px; margin-top: 40px;]
[tabs]
[tab=about me]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=about you]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=fandoms][border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]

[tab=originals]
[border=transparent; padding: 5px; width: 100%; height: 380px; overflow: hidden; margin: auto; left;][border=transparent; padding: 0px; width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: justify;]
[font=Book Antiqua][size=3][color=black]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elementum sagittis vitae et leo duis. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Ac turpis egestas maecenas pharetra. In dictum non consectetur a erat. Massa id neque aliquam vestibulum morbi blandit cursus risus at. Sed augue lacus viverra vitae congue eu consequat ac. Mauris sit amet massa vitae tortor condimentum lacinia. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada fames ac turpis egestas. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Amet dictum sit amet justo donec enim diam vulputate. Quis varius quam quisque id diam vel quam. Tincidunt nunc pulvinar sapien et. Sit amet nulla facilisi morbi tempus iaculis urna id.

Cursus sit amet dictum sit amet justo. Arcu cursus euismod quis viverra. Suspendisse sed nisi lacus sed viverra. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Diam vulputate ut pharetra sit. Tortor vitae purus faucibus ornare suspendisse. Amet facilisis magna etiam tempor. Tortor at auctor urna nunc id cursus metus aliquam. Tellus at urna condimentum mattis pellentesque. Quis ipsum suspendisse ultrices gravida. In mollis nunc sed id. Egestas dui id ornare arcu odio ut sem. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Amet venenatis urna cursus eget nunc scelerisque viverra. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dignissim cras tincidunt lobortis feugiat vivamus. Enim ut tellus elementum sagittis.

Id porta nibh venenatis cras sed felis eget velit. Enim blandit volutpat maecenas volutpat blandit. Sem nulla pharetra diam sit amet nisl suscipit. Aliquet risus feugiat in ante metus dictum at tempor commodo. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Vitae tortor condimentum lacinia quis vel eros donec. Sagittis orci a scelerisque purus semper eget. Orci nulla pellentesque dignissim enim. Est lorem ipsum dolor sit amet consectetur adipiscing. Dignissim diam quis enim lobortis scelerisque. Sed sed risus pretium quam vulputate dignissim. Magna sit amet purus gravida quis. Elementum integer enim neque volutpat ac. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Euismod lacinia at quis risus sed vulputate odio. Eros donec ac odio tempor orci dapibus ultrices in iaculis.

Netus et malesuada fames ac. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Justo eget magna fermentum iaculis eu non diam phasellus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio. Nulla facilisi morbi tempus iaculis urna id. Et egestas quis ipsum suspendisse ultrices gravida dictum fusce. In hac habitasse platea dictumst vestibulum. Orci eu lobortis elementum nibh tellus molestie nunc. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Augue eget arcu dictum varius. Et leo duis ut diam quam nulla porttitor massa id. Donec adipiscing tristique risus nec feugiat in fermentum posuere urna. Venenatis a condimentum vitae sapien pellentesque habitant. Eros donec ac odio tempor orci dapibus ultrices in. Vestibulum sed arcu non odio euismod lacinia at quis. Tellus in metus vulputate eu scelerisque felis imperdiet proin.

Montes nascetur ridiculus mus mauris vitae. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Vel pharetra vel turpis nunc eget lorem dolor sed. Tellus mauris a diam maecenas. Ut enim blandit volutpat maecenas. Sagittis vitae et leo duis ut diam. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Curabitur vitae nunc sed velit dignissim sodales. Vestibulum sed arcu non odio euismod. Orci porta non pulvinar neque laoreet suspendisse. Feugiat pretium nibh ipsum consequat nisl vel pretium. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Non quam lacus suspendisse faucibus interdum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Orci dapibus ultrices in iaculis nunc sed.[/border][/border][/tab]
[/tabs][border=solid 2px #E0B2A6; height: 15px; background: #FFFFFF; width: 110px; margin-top: -520px; pointer-events: none; position: relative; z-index:6; opacity: 2.0;][font=Papyrus][size=4][color=#E0B2A6][CENTER]About Me[/CENTER][/border][border=solid 2px #E0B2A6; height: 15px; background: #FFFFFF; width: 110px; margin-top: -520px; pointer-events: none; position: relative; z-index:6; opacity: 2.0;][font=Papyrus][size=4][color=#E0B2A6][CENTER]About You[/CENTER][/border][/border][/border]
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
I do have one more question for the wonderous Uxie (or any of you other spectacular coders!! I seem to have figured out everything told to me here fairly well, but when I went to go and add more cover-ups for the tabs, none of the layers would appear. I tried messing with the z-index to see if this would change anything, and I even changed the position of the borders, but for whatever reason they refuse to appear anywhere on the code. This is probably a super easy thing to fix, but for the life of me I cannot figure it out!!

Ooh actually, one more thing!! I’ve been enjoying the opacity of the main text box, but it seems that every border I’ve made after that also is at 0.8 opacity, despite my many attempts to keep new borders at 100% opacity. Is there a way to fix this?
for the first issue, since you made use of negative margins to shift it up, it (for lack of a better word) physically shifts the other border up to sit on top of the tabs. all other elements below this will take note of this new margin! so if you remove the negative margin on your second button you'll notice it goes up as well! if you want to pseudo-shift it up (such that other elements won't take note of its new position) use position:relative and a negative value on top, i.e. top:-520px; as long as you use pixel values they should move up the same amount. this works for left: as well !

that said, i'd recommend putting all of your buttons within the same border to avoid this issue, i.e. just one border with margin-top: -520px or position:relative; top:-520px on it to avoid this sort of issue. then you know for sure all of your buttons will be within the same area.

finally, for the opacity issue i believe there is no way to change the opacity of elements to be higher than that of opacity elements above it. the only way i can offer is the same method i suggested to eternal prince, which you can read about here: making a slightly transparent background (⌒‿⌒)

thankfully, since your buttons are quite big and have a visible background you'll be able to cover up the tabs by making the buttons fully opaque! that said, you'd probably have to do your tabs in a different way if you were to want to have only icons or any buttons that don't have a visible border/background! there's no need to worry about this until you need it though, since it'll require a different way of doing hidden tabs i think (#><) i don't really have the time right now to do a full in-depth tutorial, but you can check out this code for a vague idea: moment's silence

and as an added tip, since bbcode is just css injection, many of the shorter answers/functionalities can be found by just googling [problem u have] css! you'll probably be able to quickly find several solutions or at the very least, explanations as to why something is/isn't possible! i.e. here's a question thread that also gives ways on fixing your opacity issue! it might be a better way for you to learn heh (o˘◡˘o)
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top