Tutorial BBCode Assistance Thread

Lycanthrosis · May 20, 2017

StoneWolf18 said:
No but I would remove the accordion from a column so it extends the full width of the post (within the confines of the background) so you would have an easier time floating it. ^^

So this is what I have now, using the BB Code Editor.

Name: Salvo Eviscera
Race: Manakete
Age: 17
Job: Fighter-Mage

Appearance: Essentially my avatar.

Height: 5'7"

Weight: 130lbs

Being your generic mage, however, Salvo is seen wearing a black robe made of an especially durable fabric. This black robe is mainly for Salvo's own comfort, but it also has several convenient pockets: two on the outside and four on the inside.

Personality: Salvo seems to be a laid-back individual most of the time. Although not opposed to being social, he is seen spending most of his time reading books or working on his magic and fighting prowess. Still coming to understand the world, he hasn't fully figured out what is really important to him.

Skills and Spells: Skill 1:
Spell 1:
Spell 2:
Spell 3:
Passive Ability: (A ability that is always active,such as resistance to an partial element, please keep this balanced. Cannot overwrite Racial Passive.)
Racial Passive: Manaketes have accelerated healing rate and large fast regenerating magic reserve. They are highly resistance to their own element. They however are vulnerable to Dragon slaying equipment even in human form.
Salvo has an affinity for the element...
Weapons/Equipment: Aside from magic and his fists, Salvo has a pair of magic-focusing bracers that he wears, which also conveniently hold his dragon stone. These bracers aid Salvo in the control of his magic, but can also be used during hand-to-hand combat for an extra bit of oomph during contact.
Backstory: My backstory
Extra: (Other info such as likes, dislikes ect.)

You said to remove the accordion from the column, but it doesn't appear to even be nested within the column. I'm confused~

DeerPrince · May 20, 2017

Hello! I was wondering if you could help me fix this code? I want the third box (the weird, long column closest to the bottom) to be directly underneath the one furthest to the left.. But I can't seem to figure it out? And I was wondering (if possible) if there would be any way to add another column to the right of the second column if that makes any sense? Thank you so much!

Title: 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. 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 is the code:

Code:

[centerblock=70][row][column=span3][border=3px solid #9FD8CB][accordion=bcenter | 100%]{slide=center | open | 99 | [bg=#9FD8CB][IMG]https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2Foriginals%2Fb7%2F1e%2F4f%2Fb71e4f20f9015b4c0148f3f0d0065129.gif&hash=cee5b51fcbc8ec154c530230171ae0ae[/IMG]
Title[/bg]}[bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg]{/slide}[/accordion][/border][/column][column=span4][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/column][/row][/centerblock]

[imageFloat=left][centerblock=60][row][column=span5][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/column][/row][/centerblock][/imageFloat]

StoneWolf18 · May 20, 2017

Lycanthrosis said:
So this is what I have now, using the BB Code Editor.

Name: Salvo Eviscera
Race: Manakete
Age: 17
Job: Fighter-Mage

Appearance: Essentially my avatar.

Height: 5'7"

Weight: 130lbs
Being your generic mage, however, Salvo is seen wearing a black robe made of an especially durable fabric. This black robe is mainly for Salvo's own comfort, but it also has several convenient pockets: two on the outside and four on the inside.

Personality: Salvo seems to be a laid-back individual most of the time. Although not opposed to being social, he is seen spending most of his time reading books or working on his magic and fighting prowess. Still coming to understand the world, he hasn't fully figured out what is really important to him.

Skills and Spells

Skill 1:
Spell 1:
Spell 2:
Spell 3:

Passive Ability

(A ability that is always active,such as resistance to an partial element, please keep this balanced. Cannot overwrite Racial Passive.)

Racial Passive

Manaketes have accelerated healing rate and large fast regenerating magic reserve. They are highly resistance to their own element. They however are vulnerable to Dragon slaying equipment even in human form.
Salvo has an affinity for the element...

Weapons/Equipment

Aside from magic and his fists, Salvo has a pair of magic-focusing bracers that he wears, which also conveniently hold his dragon stone. These bracers aid Salvo in the control of his magic, but can also be used during hand-to-hand combat for an extra bit of oomph during contact.

Backstory

My backstory

Extra

(Other info such as likes, dislikes ect.)

You said to remove the accordion from the column, but it doesn't appear to even be nested within the column. I'm confused~

Mm, its the default width then but it seems as if you got it just fine.

StoneWolf18 · May 20, 2017

XiaoLu said:
Hello! I was wondering if you could help me fix this code? I want the third box (the weird, long column closest to the bottom) to be directly underneath the one furthest to the left.. But I can't seem to figure it out? And I was wondering (if possible) if there would be any way to add another column to the right of the second column if that makes any sense? Thank you so much!

Title

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. 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 is the code:

Code:

[centerblock=70][row][column=span3][border=3px solid #9FD8CB][accordion=bcenter | 100%]{slide=center | open | 99 | [bg=#9FD8CB][IMG]https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2Foriginals%2Fb7%2F1e%2F4f%2Fb71e4f20f9015b4c0148f3f0d0065129.gif&hash=cee5b51fcbc8ec154c530230171ae0ae[/IMG] Title[/bg]}[bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg]{/slide}[/accordion][/border][/column][column=span4][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/column][/row][/centerblock] [imageFloat=left][centerblock=60][row][column=span5][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/column][/row][/centerblock][/imageFloat]

I'm sorry, having a bit of trouble understanding... where did you want the column on the second row to go?

And there is if you were to keep it within the 8 row width. ^^

DeerPrince · May 20, 2017

StoneWolf18 Where the red arrow is ^-^ would you mind showing me how to put a column next to the one furthest to the right? I'm a bit of a coding noob... and I haven't figured out very much yet :< thank you so much!

StoneWolf18 · May 21, 2017

XiaoLu said:
StoneWolf18 Where the red arrow is ^-^ would you mind showing me how to put a column next to the one furthest to the right? I'm a bit of a coding noob... and I haven't figured out very much yet :< thank you so much!

Alright, so lets see if you like this:

Title: 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. 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:

[centerblock=70][row][column=span3][border=3px solid #9FD8CB; padding: 0px; background: #9FD8CB;][accordion=bcenter | 100%]{slide=center | open | 99 | [bg=#9FD8CB][IMG]https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2Foriginals%2Fb7%2F1e%2F4f%2Fb71e4f20f9015b4c0148f3f0d0065129.gif&hash=cee5b51fcbc8ec154c530230171ae0ae[/IMG]
Title[/bg]}[bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg]{/slide}[/accordion][/border][/column][column=span2][div=width: 100%; height: 354px; overflow: auto;][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/div][/column][column=span3][div=width: 100%; height: 354px; overflow: auto;][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/div][/column][/row][/centerblock]

[centerblock=70][row][column=span3][div=width: 100%; height: 354px; overflow: auto;][border=3px solid #9FD8CB][bg=#9FD8CB][FONT=Indie Flower][SIZE=2][COLOR=#001a33]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.[/COLOR][/SIZE][/FONT][/bg][/border][/div][/column][/row][/centerblock]

First, I added a few properties to the border around the accordion so it would look a bit more filled in. After that, the major change is to the columns. All rows have a maximum width of 8 and so when you are setting your column's span, you would need to keep that in mind. I set them 3/2/3 and surrounded the contents in a div that would match the height to the accordion when open and gave it an auto overflow so there is a scroll bar. I did the same thing for the bottom row, setting the centerblock and span width to match with the accordion.

If that isn't what you wanted, you want something else as well, OR that didn't make sense, lemme know. ^^

DeerPrince · May 21, 2017

StoneWolf18 No, thank you! That's exactly what I wanted ^-^

IctoraPost · May 22, 2017

Lycanthrosis said:
So this is what I have now, using the BB Code Editor.

Name: Salvo Eviscera
Race: Manakete
Age: 17
Job: Fighter-Mage

Appearance: Essentially my avatar.

Height: 5'7"

Weight: 130lbs
Being your generic mage, however, Salvo is seen wearing a black robe made of an especially durable fabric. This black robe is mainly for Salvo's own comfort, but it also has several convenient pockets: two on the outside and four on the inside.

Personality: Salvo seems to be a laid-back individual most of the time. Although not opposed to being social, he is seen spending most of his time reading books or working on his magic and fighting prowess. Still coming to understand the world, he hasn't fully figured out what is really important to him.

Skills and Spells

Skill 1:
Spell 1:
Spell 2:
Spell 3:

Passive Ability

(A ability that is always active,such as resistance to an partial element, please keep this balanced. Cannot overwrite Racial Passive.)

Racial Passive

Manaketes have accelerated healing rate and large fast regenerating magic reserve. They are highly resistance to their own element. They however are vulnerable to Dragon slaying equipment even in human form.
Salvo has an affinity for the element...

Weapons/Equipment

Aside from magic and his fists, Salvo has a pair of magic-focusing bracers that he wears, which also conveniently hold his dragon stone. These bracers aid Salvo in the control of his magic, but can also be used during hand-to-hand combat for an extra bit of oomph during contact.

Backstory

My backstory

Extra

(Other info such as likes, dislikes ect.)

You said to remove the accordion from the column, but it doesn't appear to even be nested within the column. I'm confused~

What Stone was suggesting was to have the accordions extend the full length of the post. You can do that by putting in [accordion=100%].

Also, the image in the Weapons/Equipment slide isn't showing up for us. You'll have to set your media to public.

Lycanthrosis · May 22, 2017

IctoraPost said:
What Stone was suggesting was to have the accordions extend the full length of the post. You can do that by putting in [accordion=100%].

Also, the image in the Weapons/Equipment slide isn't showing up for us. You'll have to set your media to public.

They should be set to public. I think?
This is the finished version, everything looks alright enough.
I'm not too concerned about the accordion length. Doesn't bug me much and makes it look kinda good in a way.

Name: Salvo Eviscera
Race: Manakete
Age: 17
Job: Monk-Mage

Appearance: (Essentially my avatar)
Being your generic mage, however, Salvo is seen wearing a black robe made of an especially durable fabric. This black robe is mainly for Salvo's own comfort, but it also has several convenient pockets: two on the outside and four on the inside.

Height: 5'7"

Weight: 130lbs

Personality: Salvo seems to be a laid-back individual most of the time. Although not opposed to being social, he is seen spending most of his time reading books or working on his magic and fighting prowess. Still coming to understand the world, he hasn't fully figured out what is really important to him.

Skills and Spells: Dragon Transformation: Salvo utilizes his dragon stone to unleash his dragon form. While in his dragon form, he is surrounded by an extremely cold aura that causes his surroundings to begin to ice over very quickly. In this form Salvo's speed is enhanced greatly and he has the ability to directly launch blasts of ice from his mouth every 10 seconds. These blasts of ice can either be penetrating or engulf the area/victim and freeze them solid. Other than this though, Salvo is much more vulnerable to every sort of attack while in this form.

Ice Wall: This is a spell wherein Salvo is able to conjure up a wall of ice. The wall of ice can be up to 10 feet thick, up to 20 feet high, and up to 30 feet wide. This wall of ice is impressively durable and can sustain a series of blows even from weak fire attacks before being completely penetrated.

Ice Volley: This spells allows Salvo to launch forth a volley of ice projectiles. The ice projectiles are usually shards or spear-shaped, and Salvo can fire up to 7 at a time. These ice projectiles can be caused to explode mid-flight though, where they then spread out into an sudden icy cloud that limits vision.

Tomb of Ice: With this spell Salvo is able to encapsulate an opponent completely within an armor of ice that fully restricts their movement and quickly lowers their body temperature. To actually perform this, however, Salvo must be able to maintain physical contact with an opponent for a short period of time.
Passive Ability: Absolute Zero: Salvo's passive ability, known as "Absolute Zero," grants him a partial resistance to fire. This resistance, however, is not very useful in the face of extraordinary fire, but does grant him some personal protection against common fire-based attacks.
Racial Passive: Manaketes have accelerated healing rate and large fast regenerating magic reserve. They are highly resistance to their own element. They however are vulnerable to Dragon slaying equipment even in human form.
Salvo has an affinity for the element of ice.
Weapons/Equipment: Aside from magic and his fists, Salvo has a pair of magic-focusing bracers that he wears, which also conveniently hold his dragon stone. These bracers aid Salvo in the control of his magic, but can also be used during hand-to-hand combat for an extra bit of oomph during contact.
Backstory: Salvo was raised almost entirely by his father's parents His father was a fairly well-respected Human Monk within The Order. Salvo's mother is rumored to have been a member of the Sisterhood of Fire. How the two met and what happened to both of them is still unknown to Salvo to this day. His grandparents are either ignorant of what really happened or have been deliberately keeping it from him in an effort to shield him.
Extra: Salvo Likes

Philosophy-themed books and discussion.

Whipped Cream.

Soft, fluffy things.

Salvo Dislikes

Overly aggressive people.

Overly spicy things.

Things with uncomfortable textures.

Xynien · May 23, 2017

Any tips for forcing a line break in an accordion? I have an accordion inside a tab at about 40%, floated to the right, and pressing "Enter" doesn't do anything as far as a line break. I've tried two different things:

The latter was on a forum about BBCoding and seemed to work for everyone involved but I guess it's different on RPN haha
I'm very familiar with HTML and I know how to force a line break in HTML but haven't touched BBCode until a couple nights ago so I apologize if this is a dumb question.

Lyro · May 23, 2017

The Hollow Poet said:
Any tips for forcing a line break in an accordion? I have an accordion inside a tab at about 40%, floated to the right, and pressing "Enter" doesn't do anything as far as a line break. I've tried two different things:

The latter was on a forum about BBCoding and seemed to work for everyone involved but I guess it's different on RPN haha
I'm very familiar with HTML and I know how to force a line break in HTML but haven't touched BBCode until a couple nights ago so I apologize if this is a dumb question.

This works fine for me?

1

Slide 1
Line Break

First Slide
Line Break

The <br /> is automatically added when you press Enter. Where are you trying to place your line break?

Code:

[TABS]
[TAB=1][ACCORDION=40%|fright]{Slide=Slide 1
Line Break}First Slide
Line Break{/Slide}[/ACCORDION][/TAB]
[/TABS]

Xynien · May 23, 2017

That's not working for me at all

I'm trying to do a line break in the content of the accordion. Does it matter that the accordion is placed within a column?

I'll probably end up having to post my coding so you can take a look but I'm a bit scared because I'm fairly certain it's messy and clumsy since I haven't done any sort of coding in awhile and I've only been working on this for a couple days xD; So it might not be working because I didn't do something as efficiently as I could have.

Lyro · May 23, 2017

The Hollow Poet said:
That's not working for me at all I'm trying to do a line break in the content of the accordion. Does it matter that the accordion is placed within a column?

I'll probably end up having to post my coding so you can take a look but I'm a bit scared because I'm fairly certain it's messy and clumsy since I haven't done any sort of coding in awhile and I've only been working on this for a couple days xD; So it might not be working because I didn't do something as efficiently as I could have.

Don't hesitate to post your code, this forum is here to help people learn.

I'm afraid I can't help you further if you don't show me what's not working.

Xynien · May 23, 2017

Here it is. Please don't think I'm dumb for how messy it is xD;

Here Be DragonsAn Advanced Partner Search

Hi, I'm The Hollow Poet! I am an 18 year old transguy in the Pacific Time Zone. To the bottom right you'll find my rules, preferences, and some things you'll need to know about me. Make sure you read them before you move on to my fandoms and plots located in the tabs above.

Rules

1. I will only write casual or advanced roleplays. I don’t do simple roleplays. Typically I prefer that you just try your best to give me a thorough response I don’t have word or paragraph requirements, since I find that counterproductive. I just want the RP to flow well and I want to see effort from you.
2. I typically only write with people who can have two or more characters. There will be some plot-specific exceptions to this, but only a few.
3. My RPs cover mature and heavy topics. I will never break RPN rules and I will never glorify harmful behavior. That means no smut and no romanticizing abuse or anything like that. However, I will write about abuse, addiction, mental illness, and physical illness- but again, that will all be within the rules. When you message, please let me know about any limits you have.
4. You must be okay with LGBT+ characters. That means both non-hetero characters and non-cis characters. I won’t require you to have them, but I may have some myself.

Preferences

1. I know romance is popular in roleplay, and I am definitely one of the people who enjoy it. I prefer FxF or MxM romance, but I do just as well with MxF and can get just as into those pairings.
2. Please don’t ghost on me! If you at any point change your mind about the RP, or if you want to change something about the RP, please let me know! I am very understanding and willing to accommodate my partners no matter what. If you have an emergency, get busy, or just lose your muse and end up ghosting for awhile, you can always shoot me a message when you get back if you’re still interested in roleplaying.
3. Communicate with me! I want to be friends with my roleplay partners. Even if our roleplay eventually dies, or circumstances get in the way, I love forming long-lasting friendships with the people I build stories with. Even when you can’t respond for awhile, you can always shoot me an OOC message if you want to chat in the meantime.

Things to Know

1. Please keep in mind I am a storyteller at heart. I roleplay so I can build stories with others. I love character interaction, humor, tragedy, adventure, romance, action, and everything in-between. I want realism and depth in our roleplay.
2. I will never try to hinder your creative process. As long as what you’re doing with your characters doesn’t break the rules and as long as your ideas are within the rules as well, I am extremely flexible.
3. I have severe, chronic health issues and a busy life that can get in the way of my roleplaying sometimes. It’s pretty essential to me that you’re patient and understanding when I need breaks and can’t get back to you for awhile. I do my best to be considerate and appreciative of my partners.
mlem
????
????
????

Here Be DragonsAn Advanced Partner Search

Hi, I'm The Hollow Poet! I am an 18 year old transguy in the Pacific Time Zone. To the bottom right you'll find my rules, preferences, and some things you'll need to know about me. Make sure you read them before you move on to my fandoms and plots located in the tabs above.

Rules

1. I will only write casual or advanced roleplays. I don’t do simple roleplays. Typically I prefer that you just try your best to give me a thorough response I don’t have word or paragraph requirements, since I find that counterproductive. I just want the RP to flow well and I want to see effort from you.
2. I typically only write with people who can have two or more characters. There will be some plot-specific exceptions to this, but only a few.
3. My RPs cover mature and heavy topics. I will never break RPN rules and I will never glorify harmful behavior. That means no smut and no romanticizing abuse or anything like that. However, I will write about abuse, addiction, mental illness, and physical illness- but again, that will all be within the rules. When you message, please let me know about any limits you have.
4. You must be okay with LGBT+ characters. That means both non-hetero characters and non-cis characters. I won’t require you to have them, but I may have some myself.

Preferences

1. I know romance is popular in roleplay, and I am definitely one of the people who enjoy it. I prefer FxF or MxM romance, but I do just as well with MxF and can get just as into those pairings.
2. Please don’t ghost on me! If you at any point change your mind about the RP, or if you want to change something about the RP, please let me know! I am very understanding and willing to accommodate my partners no matter what. If you have an emergency, get busy, or just lose your muse and end up ghosting for awhile, you can always shoot me a message when you get back if you’re still interested in roleplaying.
3. Communicate with me! I want to be friends with my roleplay partners. Even if our roleplay eventually dies, or circumstances get in the way, I love forming long-lasting friendships with the people I build stories with. Even when you can’t respond for awhile, you can always shoot me an OOC message if you want to chat in the meantime.

Things to Know

1. Please keep in mind I am a storyteller at heart. I roleplay so I can build stories with others. I love character interaction, humor, tragedy, adventure, romance, action, and everything in-between. I want realism and depth in our roleplay.
2. I will never try to hinder your creative process. As long as what you’re doing with your characters doesn’t break the rules and as long as your ideas are within the rules as well, I am extremely flexible.
3. I have severe, chronic health issues and a busy life that can get in the way of my roleplaying sometimes. It’s pretty essential to me that you’re patient and understanding when I need breaks and can’t get back to you for awhile. I do my best to be considerate and appreciative of my partners.
mlem
????
????
????

I figured out that if I remove the table, it gets rid of the issue with line breaks. However, it creates an entirely new issue. I'd probably be able to work it out on my own given some time, but any tips you have would be appreciated

I mostly stick to trying to learn on my own because my learning process can be a pain and make me look dumb, but since I'm here looking dumb anyway I'd love some advice xD

EDIT: Honestly end me... how do I make the code just appear as code instead of working? xD;

Lyro · May 23, 2017

Interesting, I believe this may be a bug. This code:

Code:

[TABLE]
[COLUMN=span5]
[ROW]Line 1
Line 2
[/ROW]
[/COLUMN]
[/TABLE]

produces:

test test

My advice would be to get rid of the table. I'm not a big fan of them personally, apart from very specifically-formatted content. If you don't want to do that, you could also wrap all of your paragraphs with a DIV to which you give a margin on the bottom, for example.

Lyro · May 23, 2017

By the way, you don't need the TABLE tag - that's if you're planning on using THs, TRs and TDs. Here you just need ROW and COLUMN.

Xynien · May 23, 2017

It's funny because I don't remember using the table tag. But it does do an odd thing when I remove it.

Here Be DragonsAn Advanced Partner Search

Hi, I'm The Hollow Poet! I am an 18 year old transguy in the Pacific Time Zone. To the bottom right you'll find my rules, preferences, and some things you'll need to know about me. Make sure you read them before you move on to my fandoms and plots located in the tabs above.

Rules

1. I will only write casual or advanced roleplays. I don’t do simple roleplays. Typically I prefer that you just try your best to give me a thorough response I don’t have word or paragraph requirements, since I find that counterproductive. I just want the RP to flow well and I want to see effort from you.
2. I typically only write with people who can have two or more characters. There will be some plot-specific exceptions to this, but only a few.
3. My RPs cover mature and heavy topics. I will never break RPN rules and I will never glorify harmful behavior. That means no smut and no romanticizing abuse or anything like that. However, I will write about abuse, addiction, mental illness, and physical illness- but again, that will all be within the rules. When you message, please let me know about any limits you have.
4. You must be okay with LGBT+ characters. That means both non-hetero characters and non-cis characters. I won’t require you to have them, but I may have some myself.

Preferences

1. I know romance is popular in roleplay, and I am definitely one of the people who enjoy it. I prefer FxF or MxM romance, but I do just as well with MxF and can get just as into those pairings.
2. Please don’t ghost on me! If you at any point change your mind about the RP, or if you want to change something about the RP, please let me know! I am very understanding and willing to accommodate my partners no matter what. If you have an emergency, get busy, or just lose your muse and end up ghosting for awhile, you can always shoot me a message when you get back if you’re still interested in roleplaying.
3. Communicate with me! I want to be friends with my roleplay partners. Even if our roleplay eventually dies, or circumstances get in the way, I love forming long-lasting friendships with the people I build stories with. Even when you can’t respond for awhile, you can always shoot me an OOC message if you want to chat in the meantime.

Things to Know

1. Please keep in mind I am a storyteller at heart. I roleplay so I can build stories with others. I love character interaction, humor, tragedy, adventure, romance, action, and everything in-between. I want realism and depth in our roleplay.
2. I will never try to hinder your creative process. As long as what you’re doing with your characters doesn’t break the rules and as long as your ideas are within the rules as well, I am extremely flexible.
3. I have severe, chronic health issues and a busy life that can get in the way of my roleplaying sometimes. It’s pretty essential to me that you’re patient and understanding when I need breaks and can’t get back to you for awhile. I do my best to be considerate and appreciative of my partners.
mlem
????
????
????

Kinda looks... deformed. I've also been trying to work my way through getting the text to the side of the accordion instead of either above and to the left or below and to the left.

Lyro · May 23, 2017

I think I have an idea of what's happening - when using the TABLE tag, it probably stops replacing line breaks with <br /> until you enter a cell, in order to allow you to write each row or column on a separate line. Since you were using a table without a cell, line breaks weren't working.

I don't have time right now, but if you want to and if nobody else has taken a shot at it by then, I could try to provide a fixed version for you this afternoon.

Xynien · May 23, 2017

Ohh, I get it now

Thank you so much for the help, I really appreciate it. If I can't figure it out on my own I'll definitely hit up this thread again later.

WolfSol · May 25, 2017

I have difficulty understanding the columns still... and I would like to learn how to make everything relatively even and or centered. The image on the left is in a column and has a float. Is there a way that I could not use a left float so that, when the screen size is bigger, it won't go to the right?

And can opacity be set on an accordion (not the div containers)?

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.

Ｉ'ＭＯＮＬＹＨＵＭＡＮ, Ｉ'ＶＥＧＯＴＡＳＫＥＬＥＴＯＮＩＮＭＥ
ＢＵＴＩ'ＭＮＯＴＴＨＥＶＩＬＬＡＩＮ,
ＤＥＳＰＩＴＥＷＨＡＴＹＯＵ'ＲＥＡＬＷＡＹＳＰＲＥＡＣＨＩＮＧ

Code:

[comment]WolfSol's Attempts[/comment]
[centerblock=85][bg=#222222;][div=border: 3px solid WHITE;][div=  background: url(http://4.bp.blogspot.com/-uzwq0PPKveY/VdYv0-SXL3I/AAAAAAAAHAs/kxN3DEyCUBA/s1600/AnbsIMGPack%2B%252849%2529.jpg) center scroll no-repeat;background-color: #222222; padding: 10px;]
[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][row][/row]
[row]
[column=span3]
[div= 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;][comment]i[/comment][/div]
[/column]
[column=span2]
[border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]About[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;]
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][/border][border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]Biography[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;]
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][/border]
[border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]Persona[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;]
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][/border]
[/column]
[column=span2][imagefloat=right][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;][comment]i[/comment][/div][/imagefloat][/column]

[/row][/div][row]
[div=text-align:center;][border=white solid 1px;]Ｉ'Ｍ ＯＮＬＹ ＨＵＭＡＮ, Ｉ'ＶＥ ＧＯＴ Ａ ＳＫＥＬＥＴＯＮ ＩＮ ＭＥ
ＢＵＴ Ｉ'Ｍ ＮＯＴ ＴＨＥ ＶＩＬＬＡＩＮ,
ＤＥＳＰＩＴＥ ＷＨＡＴ ＹＯＵ'ＲＥ ＡＬＷＡＹＳ ＰＲＥＡＣＨＩＮＧ[/border][/div]

[/row]
[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][row][/row]
[row]
[/row][/div][row][/row][/bg][/centerblock]

StoneWolf18 · May 25, 2017

WolfSol said:
I have difficulty understanding the columns still... and I would like to learn how to make everything relatively even and or centered. The image on the left is in a column and has a float. Is there a way that I could not use a left float so that, when the screen size is bigger, it won't go to the right? (I put the image in bold and in red text so it can be found easier)

And can opacity be set on an accordion (not the div containers)?

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.

Ｉ'ＭＯＮＬＹＨＵＭＡＮ, Ｉ'ＶＥＧＯＴＡＳＫＥＬＥＴＯＮＩＮＭＥ
ＢＵＴＩ'ＭＮＯＴＴＨＥＶＩＬＬＡＩＮ,
ＤＥＳＰＩＴＥＷＨＡＴＹＯＵ'ＲＥＡＬＷＡＹＳＰＲＥＡＣＨＩＮＧ

Code:

[comment]WolfSol's Attempts[/comment] [centerblock=85][bg=#222222;][div=border: 3px solid WHITE;][div= background: url(https://4.bp.blogspot.com/-uzwq0PPKveY/VdYv0-SXL3I/AAAAAAAAHAs/kxN3DEyCUBA/s1600/AnbsIMGPack%2B%252849%2529.jpg) center scroll no-repeat;background-color: #222222; padding: 10px;] [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][row][/row] [row] [column=span3] [div= 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;][comment]i[/comment][/div] [/column] [column=span2] [border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]About[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;] 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][/border][border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]Biography[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;] 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][/border] [border=0px][Accordion=105%|bright]{slide=300|[bg=#b6b7ba][h]Persona[/h][/bg]}[div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;][/div][div=overflow-y: auto; bg:#FFFFFF; font-size: 12px;] 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][/border] [/column] [column=span2][imagefloat=right][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;][comment]i[/comment][/div][/imagefloat][/column] [/row][/div][row] [div=text-align:center;][border=white solid 1px;]Ｉ'ＭＯＮＬＹＨＵＭＡＮ, Ｉ'ＶＥＧＯＴＡＳＫＥＬＥＴＯＮＩＮＭＥＢＵＴＩ'ＭＮＯＴＴＨＥＶＩＬＬＡＩＮ, ＤＥＳＰＩＴＥＷＨＡＴＹＯＵ'ＲＥＡＬＷＡＹＳＰＲＥＡＣＨＩＮＧ[/border][/div] [/row] [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][row][/row] [row] [/row][/div][row][/row][/bg][/centerblock]

Could you add in the raw code please?

WolfSol · May 25, 2017

StoneWolf18 said:
Could you add in the raw code please?

Just did

StoneWolf18 · May 25, 2017

WolfSol said:
Just did

You can get the same effect like columns using carefully placed divs, although that depends on if you want this relatively mobile friendly or not. As for the accordion, I think

Lyro found a way to make the buttons of the accordion transparent if that is what you're looking for. ^^

WolfSol · May 25, 2017

StoneWolf18 said:
You can get the same effect like columns using carefully placed divs, although that depends on if you want this relatively mobile friendly or not. As for the accordion, I think Lyro found a way to make the buttons of the accordion transparent if that is what you're looking for. ^^

I should've just stuck with programming instead of falling into the rabbit hole of CSS-esque code XD

Hmm, yeah I guess I'll try a whack at that! It just bothers me a great deal when the images are off.

StoneWolf18 · May 25, 2017

WolfSol said:
I should've just stuck with programming instead of falling into the rabbit hole of CSS-esque code XD

Hmm, yeah I guess I'll try a whack at that! It just bothers me a great deal when the images are off.

I could try my hand at it if you would like ^^

Tutorial BBCode Assistance Thread

still a mirror

lulu

Within the Depths of a Dream

Within the Depths of a Dream

lulu

Within the Depths of a Dream

lulu

You've got mail

still a mirror

Overcast

Errant Chronicler

Overcast

Errant Chronicler

Overcast

Errant Chronicler

Errant Chronicler

Overcast

Errant Chronicler

Overcast

Brain cashew smooth

Within the Depths of a Dream

Brain cashew smooth

Within the Depths of a Dream

Brain cashew smooth

Within the Depths of a Dream

Users who are viewing this thread

Similar threads