• 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.

Tutorial BBCode Assistance Thread

I wouldn't mind the extra help :D and I'll ask Lyro 'bout the accordion button transparency... right after I take a gander at his kick ass BB Repository.
Nah, its listed right here:

As far as I know, there is no direct way to make the accordion's title box transparent. But you can achieve it with some trickery:
1. Wrap the accordion in a DIV, and give it the visibility: hidden; property. This will make the accordion invisible. Then, wrap the accordion's titles and contents in DIVs with visibility: visible;. I did a quick test, and it seems to work, but I haven't tested it extensively.
2. You say your problem is a background image, so... give it the image as a background! This is a little trickier, though. You'll need to give it your title DIV a negative margin, then probably set the background-attachment: fixed attribute along with some fiddling around with background-position. Not sure how much of that is feasible, but I've done similar things and it has worked out.

There might be other ways, but without testing myself, those are the only ones I can come up with right now.

And lemme take a look. ^^
 
Ah, figures, but hey thanks for quoting it!
TAAAAADAAAAAAAAAAAAAAA~




jαиє dσє
About
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
Biography
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.

Persona

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.

I'M ONLY HUMAN, I'VE GOT A SKELETON IN ME
BUT I'M NOT THE VILLAIN,
DESPITE WHAT YOU'RE ALWAYS PREACHING

I had a lot of fun working with the transparent accordions, although you might wanna make them a bit more readable somehow, hehehe...

Code:
[comment]WolfSol's Attempts[/comment]
[centerblock=85][bg=#222222;][div=border: 3px solid WHITE; height: 620px;][div=  height: 470px; background: url(https://lh3.googleusercontent.com/-_FO_CbVv4sM/WSM-skRjQHI/AAAAAAAAStM/xC6UavVRnGAuYem4blT7LEiKyfU3PzZ8ACJoC/w500-h750-p/22.05.2017%2B-%2B1) center scroll no-repeat;background-color: #222222; padding: 0px;]
[row][column=span1][bg=#443939][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#3f3636][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#302b2b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#282525][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#211f1f][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#1c1b1b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#111111][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#000000][comment]WOLFSOL[/comment][/bg][/column]
[/row][row]
[div=text-align:center;]jαиє dσє[/div][/row]
[div= margin-left: 1%; background: url(https://www.rpnation.com/attachments/dc6b1171ba6cfa6aa3b9768a89492134-jpg.314919/?temp_hash=fce4fdd6646ab9f5fb5981261f22faf0); background-position: center; color: transparent; height: 425px; width: 150px; opacity: 0.5; margin-top: -25px;][comment]i[/comment][/div][div=margin-top:
 -400px;][border=0px][div=visibility: hidden;][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=Visibility: visible;][h]About[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.[/div]{/slide}[/accordion][/div][/border][border=0px][div=visibility: hidden;][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=Visibility: visible;] [h]Biography[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
[/div]{/slide}[/accordion][/div][/border]
[border=0px][div=Visibility: hidden][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=visibility: visible;][h]Persona[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
[/div]{/slide}[/accordion][/div][/border][/div][div= background: url(https://s-media-cache-ak0.pinimg.com/736x/83/a7/f7/83a7f7cfe5b184fcb35abcb9a64bac26.jpg); background-position: center; color: transparent; height: 425px; width: 150px; opacity: 0.5; margin-left: 85%; margin-top: -343px;][comment]i[/comment][/div][row]
[div=text-align:center; border-top: 1px solid white; border-bottom: 1px solid white; padding: 5px;]I'M ONLY HUMAN, I'VE GOT A SKELETON IN ME
BUT I'M NOT THE VILLAIN,
DESPITE WHAT YOU'RE ALWAYS PREACHING[/div][/row]
[div=margin-top: 10px;][row][column=span1][bg=#000000][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#111111][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#1c1b1b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#211f1f][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#282525][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#302b2b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#3f3636][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#443939][comment]WOLFSOL[/comment][/bg][/column][/row][/div][/div][/div][/bg][/centerblock]
 
TAAAAADAAAAAAAAAAAAAAA~




jαиє dσє
About
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
Biography
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.

Persona

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.

I'M ONLY HUMAN, I'VE GOT A SKELETON IN ME
BUT I'M NOT THE VILLAIN,
DESPITE WHAT YOU'RE ALWAYS PREACHING

I had a lot of fun working with the transparent accordions, although you might wanna make them a bit more readable somehow, hehehe...

Code:
[comment]WolfSol's Attempts[/comment]
[centerblock=85][bg=#222222;][div=border: 3px solid WHITE; height: 620px;][div=  height: 470px; background: url(https://lh3.googleusercontent.com/-_FO_CbVv4sM/WSM-skRjQHI/AAAAAAAAStM/xC6UavVRnGAuYem4blT7LEiKyfU3PzZ8ACJoC/w500-h750-p/22.05.2017%2B-%2B1) center scroll no-repeat;background-color: #222222; padding: 0px;]
[row][column=span1][bg=#443939][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#3f3636][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#302b2b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#282525][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#211f1f][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#1c1b1b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#111111][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#000000][comment]WOLFSOL[/comment][/bg][/column]
[/row][row]
[div=text-align:center;]jαиє dσє[/div][/row]
[div= margin-left: 1%; background: url(https://www.rpnation.com/attachments/dc6b1171ba6cfa6aa3b9768a89492134-jpg.314919/?temp_hash=fce4fdd6646ab9f5fb5981261f22faf0); background-position: center; color: transparent; height: 425px; width: 150px; opacity: 0.5; margin-top: -25px;][comment]i[/comment][/div][div=margin-top:
 -400px;][border=0px][div=visibility: hidden;][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=Visibility: visible;][h]About[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.[/div]{/slide}[/accordion][/div][/border][border=0px][div=visibility: hidden;][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=Visibility: visible;] [h]Biography[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
[/div]{/slide}[/accordion][/div][/border]
[border=0px][div=Visibility: hidden][Accordion=25%|bcenter]{slide=100|[bg=#b6b7ba][div=visibility: visible;][h]Persona[/h][/div][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px; visibility: visible; color: black;]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ornare condimentum mattis. Duis non ipsum est. Nullam in tincidunt justo, quis pulvinar elit. Nunc venenatis pellentesque mollis. Sed ultrices urna vel lacus fermentum faucibus. Sed vel rhoncus nulla. Phasellus condimentum, ipsum at semper condimentum, diam quam congue velit, id rhoncus velit sapien eget tortor. Vestibulum luctus placerat sem, in placerat justo dictum in. Fusce bibendum mollis nisi non tristique. Vivamus libero ipsum, rutrum et sem eu, molestie tempor felis. In hac habitasse platea dictumst. Donec lobortis purus et mi interdum commodo. Suspendisse id sapien quis ex dictum rutrum ac et turpis.

Morbi et tellus malesuada, molestie nunc at, vulputate enim. Nullam eu metus pretium, iaculis leo non, pharetra urna. In consequat eros sit amet mollis pharetra. Aliquam ac nunc eu leo consequat pharetra sit amet a odio. Nullam in condimentum risus, a vulputate nisl. Duis vel blandit arcu, nec iaculis ipsum. Ut gravida, dolor vehicula posuere finibus, mi nulla facilisis erat, eu eleifend mi lorem ac justo. Quisque ac turpis id risus sodales interdum non ac lectus. Proin pretium cursus gravida. Pellentesque in lacus quis turpis semper sodales vel quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut nibh blandit, tempus turpis vel, mattis ligula. Sed quis augue vel nisl eleifend placerat. Curabitur sed pellentesque tortor. Etiam consequat blandit eleifend. In a lobortis ipsum.
[/div]{/slide}[/accordion][/div][/border][/div][div= background: url(https://s-media-cache-ak0.pinimg.com/736x/83/a7/f7/83a7f7cfe5b184fcb35abcb9a64bac26.jpg); background-position: center; color: transparent; height: 425px; width: 150px; opacity: 0.5; margin-left: 85%; margin-top: -343px;][comment]i[/comment][/div][row]
[div=text-align:center; border-top: 1px solid white; border-bottom: 1px solid white; padding: 5px;]I'M ONLY HUMAN, I'VE GOT A SKELETON IN ME
BUT I'M NOT THE VILLAIN,
DESPITE WHAT YOU'RE ALWAYS PREACHING[/div][/row]
[div=margin-top: 10px;][row][column=span1][bg=#000000][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#111111][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#1c1b1b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#211f1f][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#282525][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#302b2b][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#3f3636][comment]WOLFSOL[/comment][/bg][/column]
[column=span1][bg=#443939][comment]WOLFSOL[/comment][/bg][/column][/row][/div][/div][/div][/bg][/centerblock]
Huh... I'm not sure why its shifting everything downward... >.>
 
Hey! It's me again, aha.... I was just wondering how you centered these two columns?

e5019a01e6f52eb8ac329bc1dc91ccb9.jpg
Lorem Ipsum
busycats_1340_c.jpg

Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no.​


this would be the code:

Code:
[centerblock=100][row][column=span2][border=1px solid black][bg=transparent; pointer-events:none][img]https://s-media-cache-ak0.pinimg.com/564x/e5/01/9a/e5019a01e6f52eb8ac329bc1dc91ccb9.jpg[/img][/bg][/border][/column][border=1px solid black][/border][column=span4][border=1px solid black][scroll=500px][center][size=8]Lorem Ipsum[/size]
[bg=transparent; pointer-events:none][heightrestrict=150][img]http://payload505.cargocollective.com/1/0/6086/12417577/busycats_1340_c.jpg[/img][/heightrestrict][/bg]
Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no.[/center][/scroll][/border][/column][/row][/centerblock]
 
DeerPrince DeerPrince
The easiest thing to do is put it into a container div. However, depending on what you do may make it not very mobile friendly.

e5019a01e6f52eb8ac329bc1dc91ccb9.jpg
Lorem Ipsum
busycats_1340_c.jpg

Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no.​

Code:
[div=max-width:85%;margin:auto;][centerblock=100][row][column=span2][border=1px solid black][bg=transparent; pointer-events:none][img]https://s-media-cache-ak0.pinimg.com/564x/e5/01/9a/e5019a01e6f52eb8ac329bc1dc91ccb9.jpg[/img][/bg][/border][/column][border=1px solid black][/border][column=span6][border=1px solid black][scroll=500px][center][size=8]Lorem Ipsum[/size]
[bg=transparent; pointer-events:none][heightrestrict=150][img]http://payload505.cargocollective.com/1/0/6086/12417577/busycats_1340_c.jpg[/img][/heightrestrict][/bg]
Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no.[/center][/scroll][/border][/column][/row][/centerblock][/div]
 
I'm so very sorry it's me again.. ^-^;;

How would you put a space in between the two scroll bars here?

b1153927d22e1be0841dec8d4eea10bc.jpg
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.


Code:
[center][bg=#ADD8E6][row][imageFloat=left][IMG]https://s-media-cache-ak0.pinimg.com/564x/b1/15/39/b1153927d22e1be0841dec8d4eea10bc.jpg[/IMG][/imageFloat]
[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column]

[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column][/row]
[/bg][/center]

Thank you so much! Ahhh I feel like I keep troubling you :c
 
DeerPrince DeerPrince

In the first text DIV, add margin-bottom: #px; # being what you want the gap size to be.

Code:
[center][bg=#ADD8E6][row][imageFloat=left][IMG]https://s-media-cache-ak0.pinimg.com/564x/b1/15/39/b1153927d22e1be0841dec8d4eea10bc.jpg[/IMG][/imageFloat]
[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;margin-bottom:15px;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column]

[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column][/row]
[/bg][/center]
 
DeerPrince DeerPrince

In the first text DIV, add margin-bottom: #px; # being what you want the gap size to be.

Code:
[center][bg=#ADD8E6][row][imageFloat=left][IMG]https://s-media-cache-ak0.pinimg.com/564x/b1/15/39/b1153927d22e1be0841dec8d4eea10bc.jpg[/IMG][/imageFloat]
[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;margin-bottom:15px;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column]

[column=span3][div=padding: 10px; border-radius:5px; background-color: #B0C4DE; height:300px; overflow:auto;][COLOR=#ffffff][font=Pompiere][size=6]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper condimentum ipsum, vitae pellentesque orci viverra et. Aenean ut metus nunc. Donec nisi arcu, interdum in turpis vitae, porttitor venenatis purus. Morbi ullamcorper tempor consectetur. Vivamus tincidunt massa non ligula ultricies, id cursus diam imperdiet. Proin vitae convallis elit. Quisque venenatis erat sem, eu tempus diam hendrerit et.

Sed vehicula mauris mauris, in ultricies ligula placerat a. Donec facilisis malesuada lacus ac molestie. Nulla sit amet leo sit amet purus tempor sodales non vel tellus. Mauris vitae justo iaculis, facilisis velit non, egestas justo. Pellentesque non sagittis sem. Vestibulum sagittis felis at lobortis egestas. Quisque bibendum augue ex, sit amet volutpat diam volutpat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ut ligula auctor, venenatis magna sit amet, facilisis quam. Pellentesque ac quam sed libero consequat dignissim nec vitae nibh. Phasellus tristique ipsum varius imperdiet molestie. Ut convallis lacus sit amet tempus bibendum. Nunc non augue nec diam tristique viverra.

[/size][/font][/COLOR][/div][/column][/row]
[/bg][/center]
Thank you. You're always saving my miserable butt Fable Fable
 
Okay... So normally I can figure BBCode out on my own when it confuses me... Mostly by tearing apart other peoples codes and rebuilding them to figure out how stuff works... But, I cannot for the life of me figure out how the link-anchor version of 'fake tabs' work. If anyone here knows how and can explain it to me, or point me to a resource that actually explains how to use make/use them, that would be really, really, really lovely...

You would be dubbed my favorite person in the world for eternity. <3
 
Okay... So normally I can figure BBCode out on my own... Mostly by tearing apart other peoples codes and rebuilding them... But, I cannot for the life of me figure out how the link-anchor version of 'fake tabs' work. If anyone here knows how and can explain it to me, or point me to a resource that actually explains how to use make/use them, that would be really, really, really lovely...

You would be dubbed my favorite person in the world for eternity. <3
It is currently not suggested to use the "anchor" cheat. The faux tabs that work best are the ones with an absolute overlay positioned over the tabs. Look at thoughtless thoughtless 's thread. :3
 
So I'm trying to hide the scroll bar and I hide the overflow, but not it wont scroll at all. How does one hide the scroll bar but still be able to scroll?
 
So I'm trying to hide the scroll bar and I hide the overflow, but not it wont scroll at all. How does one hide the scroll bar but still be able to scroll?
Like this:
Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.


Code:
[div=overflow: hidden; width: 300px; height: 310px; margin: auto; border: 1px solid black;][div=overflow: auto; height: 300px; width: 300px; padding: 5px; padding-right: 35px;]Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.[/div][/div]
 
Like this:
Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.


Code:
[div=overflow: hidden; width: 300px; height: 310px; margin: auto; border: 1px solid black;][div=overflow: auto; height: 300px; width: 300px; padding: 5px; padding-right: 35px;]Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.

Nam ut idque graeci instructior, ne eam adversarium mediocritatem, cu omnes laudem consetetur sit. Vel vidit exerci ut, sed ei porro comprehensam. Te pro agam option consetetur, vix aeque tractatos hendrerit et. Laboramus vulputate theophrastus no sit, per justo dissentiet ne. Mel agam facete moderatius et, molestiae moderatius has no. Lorem ipsum dolor sit amet, ea stet iusto mnesarchum mea, ad sit ipsum constituto. Eos at omnium bonorum, exerci corrumpit cum ei. Pericula laboramus mel id, eu lorem veritus efficiantur cum, timeam epicurei legendos mei ea. Eam ut admodum reprehendunt.[/div][/div]

I tried it but it didn't exactly work for me. Could you explain to me what you did. Usually I can figure it out but the code I'm working with keeps breaking -.-
 
I tried it but it didn't exactly work for me. Could you explain to me what you did. Usually I can figure it out but the code I'm working with keeps breaking -.-
Is your RTE (rich text editor) disabled?

If so, you want the second div with the text to have enough padding on the side of the scrollbar until its pushed out of view.
 
Is your RTE (rich text editor) disabled?

If so, you want the second div with the text to have enough padding on the side of the scrollbar until its pushed out of view.
It wasn't disabled, could that be the problem? (I'm guessing that's the problem lol)
 
Most likely as it has a tendency to totally destroy code. Go into your preferences and disable it then it should work!
Hey there, so I've tried it a million different way. Could I send you the code and tell me what I'm doing wrong? T.T

I really appreciate the help!
 

Users who are viewing this thread

Back
Top