Resource Wizard's Hat

[The Dark Wizard]

Hey All,

So MISTER UN. 0W3N encouraged me to post this since I'm getting back into RPing for the first time in a long time here on the site in the posting format (I normally just Dungeons and Dragons and stuff on Discord !).

Trying to up my BBCode game since I used to be good at this several years ago. I can make the bbcode the site uses but I'm kinda inapt when it comes to putting them together to make beautiful stuff. So hopefully I can get some of your inputs and discussions going and help and maybe new bbcodes will be created out of this for the site !

 

[The Dark Wizard]

Tha'Kar Hive Leader - White

Testing 1

Info

Testing 2

Testing

Testing 3

Stuff

 

[The Dark Wizard]

Really dislike columns ^-^

 

[The Dark Wizard]

MISTER UN. 0W3N

Senpai pls

How do I get the character pic and the accordions to be more alligned and in the center of the box.

Here is the code:

Spoiler: Code

[centerblock=75]
[div=background:url('https://www.rpnation.com/media/fractured-earth.25119/full');
background-size:cover;border:5px white double;]
[ROW]
[Column=span3]
Tha'Kar Hive Leader - White
[HEIGHTRESTRICT=800]
[ATTACH=full]292763[/ATTACH]
[/HEIGHTRESTRICT]
[/Column]
[Column=span5]

[accordion=100%]
{slide=Testing 1}Info{/slide}
{slide=Testing 2}Testing{/slide}
{slide=Testing 3}Stuff{/slide}
[/accordion]
[/Column]
[/Row]
[/div]
[/centerblock]

 

[MISTER UN. 0W3N]

That's the downside to accordion coding. The way it lines up, it really doesn't line up. It's through adding background and borders that you kind of give it the illusion that it lines up.

 

[MISTER UN. 0W3N]

Sloppy and quick example of "faux line up."

Testing 1

Info

Testing 2

Testing

Testing 3

Stuff

 

[The Dark Wizard]

That's the downside to accordion coding. The way it lines up, it really doesn't line up. It's through adding background and borders that you kind of give it the illusion that it lines up.

Gah.

What should I do about the name area, it kinda blends into the background.

 

[The Dark Wizard]

Sloppy and quick example of "faux line up."

Testing 1

Info

Testing 2

Testing

Testing 3

Stuff

I like this .

 

[MISTER UN. 0W3N]

More slop for the name thang. I'd do some sort of approach like this where it's nice and clean on my end. Sure, the background will not show up as much, but at least the text and whatnot does.

Tha'Kar Hive Leader - White​

Testing 1

Info

Testing 2

Testing

Testing 3

Stuff

 

[Chordling]

Tha'Kar Hive Leader - White​

Testing 1

Info

Testing 2

Testing

Testing 3

Stuff

 

[The Dark Wizard]

Thanks to all the help from Chordling MISTER UN. 0W3N

Progress!

 

[Chordling]

Tha'Kar Hive Leader - White​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum malesuada, sapien sit amet dictum posuere, felis nulla aliquet felis, non lobortis dui sem et justo. Nam lacinia pulvinar tellus id auctor. Quisque sodales aliquet erat, id convallis enim ornare ac. Nullam nisi arcu, imperdiet id est eget, posuere suscipit ante. Pellentesque purus urna, feugiat mollis placerat vitae, finibus a libero. Vivamus vestibulum nisi eu arcu faucibus venenatis. Nullam dignissim efficitur leo, id rhoncus urna. Mauris non luctus ipsum. Nam eu dolor a nisl pulvinar venenatis. Sed magna tortor, fringilla non metus in, lacinia sollicitudin arcu. Sed suscipit pretium sapien egestas fringilla. Vivamus dignissim libero in leo luctus, non malesuada erat pellentesque. Cras purus justo, facilisis a nisi ultrices, congue egestas lectus. Cras pulvinar mi id urna convallis tempus. Fusce nibh turpis, tempus a aliquam id, lobortis id ligula. Nulla iaculis velit ac massa varius, vitae vestibulum ipsum fermentum.

Vivamus eget venenatis nisi, ut faucibus ex. Duis at efficitur tortor. Nullam nec est facilisis, consequat ligula ac, scelerisque sem. Quisque mollis tempus aliquam. Mauris id arcu nec mauris molestie fermentum non sit amet mi. Nulla rhoncus mauris at quam laoreet, ac consequat eros molestie. Cras consectetur bibendum nunc nec sodales. Mauris scelerisque dolor eget lacus vestibulum ultricies. Donec ultricies dictum nibh nec iaculis. Nullam lacus leo, pellentesque et felis at, sagittis auctor metus. Integer nulla nisi, cursus sit amet vulputate eu, facilisis sit amet nisi. Mauris mi est, aliquam quis imperdiet at, porttitor at nulla. Donec non blandit quam, et dignissim arcu. Ut nisl felis, maximus vel convallis eu, blandit gravida est.

Proin tincidunt risus rutrum, dapibus nisi nec, posuere dolor. Nulla lobortis feugiat efficitur. Nunc id rhoncus massa, non hendrerit leo. Nulla tincidunt, sem non facilisis laoreet, ex ex molestie ipsum, et tincidunt nisi lorem tristique neque. Praesent ac gravida quam, sit amet egestas elit. Mauris in metus sit amet risus efficitur feugiat eu in magna. Cras venenatis, massa ac pellentesque viverra, massa velit finibus ipsum, condimentum varius dolor orci et ex. Nunc dapibus blandit mi. Nunc pharetra risus sit amet aliquam fringilla. Curabitur pretium euismod dolor, ac hendrerit magna viverra sit amet.

Nunc pellentesque vitae lacus eu bibendum. Sed lectus sem, facilisis vitae tellus eget, mattis sodales nisi. Quisque aliquam eleifend enim. Proin auctor sagittis porttitor. Praesent eget justo mauris. Nam ac lobortis sapien. Aenean dictum maximus augue id dictum.

Vestibulum efficitur diam vitae aliquet faucibus. Vestibulum lectus ipsum, consectetur in ornare id, iaculis at massa. Praesent euismod ante non arcu volutpat fermentum. Vestibulum nulla nibh, commodo id luctus vitae, faucibus ac nulla. Nam vel lacus suscipit, tempor nulla quis, tristique massa. Morbi consectetur erat et lectus lacinia, sit amet condimentum tellus dapibus. Cras a enim felis. Vestibulum tempus urna risus, eget suscipit nibh eleifend vitae. Proin a dui sed metus ultricies feugiat non sed massa. Ut eu condimentum arcu. Cras et faucibus ex. Donec enim orci, lobortis et scelerisque nec, auctor at mauris. Aliquam orci purus, venenatis quis sapien at, gravida tempus lorem.

 

[welian]

I'd suggest using white text for any headers on a medium to dark colored background, and using columns to keep text from wrapping around an image.