DANGER ZONE :: premade templates storage

[psy]

XXX. MIRROR. POSTING.
A simple posting template with room for small lyrics or a character name. Comes in a variety of options, you can also pick your own color scheme.

rectangular top expanding:

i'll be your mirror

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor libero, volutpat at urna vitae, posuere eleifend felis. Phasellus aliquam finibus metus, et auctor ipsum egestas sed. Sed non ultrices tellus, venenatis sodales elit. Pellentesque aliquam vel tellus ac consequat. "Donec vitae massa sollicitudin, posuere libero nec," fermentum elit. Fusce mattis in eros id scelerisque. Sed ultrices, erat in sollicitudin finibus, nibh diam tincidunt erat, a imperdiet magna augue quis eros. Quisque quis ullamcorper eros. Vestibulum vitae quam laoreet neque sagittis rutrum. Cras a mauris in purus tempor.

Sed posuere eu ante et porttitor. Morbi egestas turpis ipsum, sit amet tristique lectus consequat nec. In viverra, dui sed ultrices vehicula, quam arcu tristique ligula, sed pretium odio enim condimentum neque. Cras mattis laoreet consequat. Proin faucibus magna sit amet nisi rhoncus, id commodo orci semper. Sed tincidunt lobortis tortor, at sodales nibh auctor quis. Nunc porttitor ipsum id est tempor consectetur.

Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Leo urna molestie at elementum eu facilisis sed. Ullamcorper morbi tincidunt ornare massa eget egestas. Facilisi morbi tempus iaculis urna id volutpat lacus. Pellentesque sit amet porttitor eget dolor. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Vitae ultricies leo integer malesuada nunc vel risus commodo. Libero enim sed faucibus turpis in eu. Donec ultrices tincidunt arcu non sodales neque. Bibendum est ultricies integer quis auctor elit sed vulputate mi.

#psy.

Code:

[align=center][div style="max-width: 350px; height: auto;"][div style="max-width: 350px; height: auto; background-color: COLOR1; padding: 15px; text-transform: lowercase; text-align: center; font-family: verdana; font-size: 15px; letter-spacing: 2px; color: COLOR2;"]NAME/SHORT LYRICS HERE[/div]
[div style="height: auto; max-width: 350px; background-color: COLOR3; border: 4px solid COLOR1; padding: 4px; text-transform: lowercase; text-align: justify; font-family: verdana; font-size: 11px; color: COLOR4;"]TEXT HERE[/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

rectangular top scrolling:

i'll be your mirror

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor libero, volutpat at urna vitae, posuere eleifend felis. Phasellus aliquam finibus metus, et auctor ipsum egestas sed. Sed non ultrices tellus, venenatis sodales elit. Pellentesque aliquam vel tellus ac consequat. "Donec vitae massa sollicitudin, posuere libero nec," fermentum elit. Fusce mattis in eros id scelerisque. Sed ultrices, erat in sollicitudin finibus, nibh diam tincidunt erat, a imperdiet magna augue quis eros. Quisque quis ullamcorper eros. Vestibulum vitae quam laoreet neque sagittis rutrum. Cras a mauris in purus tempor.

Sed posuere eu ante et porttitor. Morbi egestas turpis ipsum, sit amet tristique lectus consequat nec. In viverra, dui sed ultrices vehicula, quam arcu tristique ligula, sed pretium odio enim condimentum neque. Cras mattis laoreet consequat. Proin faucibus magna sit amet nisi rhoncus, id commodo orci semper. Sed tincidunt lobortis tortor, at sodales nibh auctor quis. Nunc porttitor ipsum id est tempor consectetur.

Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Leo urna molestie at elementum eu facilisis sed. Ullamcorper morbi tincidunt ornare massa eget egestas. Facilisi morbi tempus iaculis urna id volutpat lacus. Pellentesque sit amet porttitor eget dolor. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Vitae ultricies leo integer malesuada nunc vel risus commodo. Libero enim sed faucibus turpis in eu. Donec ultrices tincidunt arcu non sodales neque. Bibendum est ultricies integer quis auctor elit sed vulputate mi.

#psy.

Code:

[align=center][div style="max-width: 350px; height: auto;"][div style="max-width: 350px; height: auto; background-color: COLOR1; padding: 15px; text-transform: lowercase; text-align: center; font-family: verdana; font-size: 15px; letter-spacing: 2px; color: COLOR2;"]NAME/SHORT LYRICS HERE[/div]
[div style="max-width: 350px; height: 350px; border: 3px solid COLOR1; overflow: hidden;"][div style="height: 350px; max-width: 367px; background-color: COLOR3; border: 1px solid COLOR1; overflow: auto; padding-left: 4px; padding-right: 9px; padding-bottom: 4px; text-transform: lowercase; text-align: justify; font-family: verdana; font-size: 11px; color: COLOR4;"]TEXT HERE[/div][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

semicircle top expanding:

i'll be your mirror

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor libero, volutpat at urna vitae, posuere eleifend felis. Phasellus aliquam finibus metus, et auctor ipsum egestas sed. Sed non ultrices tellus, venenatis sodales elit. Pellentesque aliquam vel tellus ac consequat. "Donec vitae massa sollicitudin, posuere libero nec," fermentum elit. Fusce mattis in eros id scelerisque. Sed ultrices, erat in sollicitudin finibus, nibh diam tincidunt erat, a imperdiet magna augue quis eros. Quisque quis ullamcorper eros. Vestibulum vitae quam laoreet neque sagittis rutrum. Cras a mauris in purus tempor.

Sed posuere eu ante et porttitor. Morbi egestas turpis ipsum, sit amet tristique lectus consequat nec. In viverra, dui sed ultrices vehicula, quam arcu tristique ligula, sed pretium odio enim condimentum neque. Cras mattis laoreet consequat. Proin faucibus magna sit amet nisi rhoncus, id commodo orci semper. Sed tincidunt lobortis tortor, at sodales nibh auctor quis. Nunc porttitor ipsum id est tempor consectetur.

Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Leo urna molestie at elementum eu facilisis sed. Ullamcorper morbi tincidunt ornare massa eget egestas. Facilisi morbi tempus iaculis urna id volutpat lacus. Pellentesque sit amet porttitor eget dolor. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Vitae ultricies leo integer malesuada nunc vel risus commodo. Libero enim sed faucibus turpis in eu. Donec ultrices tincidunt arcu non sodales neque. Bibendum est ultricies integer quis auctor elit sed vulputate mi.

#psy.

Code:

[align=center][div style="max-width: 350px; height: auto;"][div style="max-width: 350px; height: auto; border-radius: 50em 50em 0em 0em; background-color: COLOR1; padding: 15px; text-transform: lowercase; text-align: center; font-family: verdana; font-size: 15px; letter-spacing: 2px; color: COLOR2;"]NAME/SHORT LYRICS HERE[/div]
[div style="height: auto; max-width: 350px; background-color: COLOR3; border: 4px solid COLOR1; padding: 4px; text-transform: lowercase; text-align: justify; font-family: verdana; font-size: 11px; color: COLOR4;"]TEXT HERE[/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

semicircle top scrolling:

i'll be your mirror

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tortor libero, volutpat at urna vitae, posuere eleifend felis. Phasellus aliquam finibus metus, et auctor ipsum egestas sed. Sed non ultrices tellus, venenatis sodales elit. Pellentesque aliquam vel tellus ac consequat. "Donec vitae massa sollicitudin, posuere libero nec," fermentum elit. Fusce mattis in eros id scelerisque. Sed ultrices, erat in sollicitudin finibus, nibh diam tincidunt erat, a imperdiet magna augue quis eros. Quisque quis ullamcorper eros. Vestibulum vitae quam laoreet neque sagittis rutrum. Cras a mauris in purus tempor.

Sed posuere eu ante et porttitor. Morbi egestas turpis ipsum, sit amet tristique lectus consequat nec. In viverra, dui sed ultrices vehicula, quam arcu tristique ligula, sed pretium odio enim condimentum neque. Cras mattis laoreet consequat. Proin faucibus magna sit amet nisi rhoncus, id commodo orci semper. Sed tincidunt lobortis tortor, at sodales nibh auctor quis. Nunc porttitor ipsum id est tempor consectetur.

Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Leo urna molestie at elementum eu facilisis sed. Ullamcorper morbi tincidunt ornare massa eget egestas. Facilisi morbi tempus iaculis urna id volutpat lacus. Pellentesque sit amet porttitor eget dolor. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Vitae ultricies leo integer malesuada nunc vel risus commodo. Libero enim sed faucibus turpis in eu. Donec ultrices tincidunt arcu non sodales neque. Bibendum est ultricies integer quis auctor elit sed vulputate mi.

#psy.

Code:

[align=center][div style="max-width: 350px; height: auto;"][div style="max-width: 350px; height: auto; border-radius: 50em 50em 0em 0em; background-color: COLOR1; padding: 15px; text-transform: lowercase; text-align: center; font-family: verdana; font-size: 15px; letter-spacing: 2px; color: COLOR2;"]NAME/SHORT LYRICS HERE[/div]
[div style="max-width: 350px; height: 350px; border: 3px solid COLOR1; overflow: hidden;"][div style="height: 350px; max-width: 367px; background-color: COLOR3; border: 1px solid COLOR1; overflow: auto; padding-left: 4px; padding-right: 9px; padding-bottom: 4px; text-transform: lowercase; text-align: justify; font-family: verdana; font-size: 11px; color: COLOR4;"]TEXT HERE[/div][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

[psy]

XXXI. HEADSHOT. POSTING/CHARACTER SYNOPSIS.
A scrolling template with room for an image. I made this template as a "character synopsis" template for storage threads and the like, but it can also double as a regular posting template. May not be fully mobile friendly in the case of the 3-link menu but otherwise should look fine on mobile.

light:

LOREM IPSUM

[div style="width: 100px; height: 100px; margin-right: 5px; margin-top: 5px; border: 2px solid #686868; padding: 5px; float: left; background:url('https://i.pinimg.com/564x/95/bf/c2/95bfc2206632c93053a4f150e1ed49f4.jpg'); background-size: 100% 100%;"]x

Lorem ipsum dolor sit amet, nisl tale rationibus at nec, ne duo duis nominavi similique. Te vix graeco oportere assueverit, mentitum erroribus no pro, vim ne appetere petentium. Inermis dissentiet eos ne. At tantas tincidunt vel. Alia postulant salutandi pri ne, ei scaevola mediocrem mel. Mucius commodo impetus no mel. Te vel hinc officiis, laudem graece offendit mei id, eu etiam dicunt mnesarchum sed. Est cu nibh nominavi concludaturque, an has ubique deleniti consequuntur. Eos an verear scriptorem, sed discere abhorreant eu. Fugit recusabo sit ex. Nec an tacimates philosophia. Zril nonumes ex cum, mea cu solet ornatus.

Etiam malorum ad sea. Ex qui quem commune philosophia. Porro vivendum est at, dicta prompta voluptua mei eu. Sit cu discere definitionem, te has delectus pertinacia, pro quod etiam cu. Vix eu modus efficiantur, at quo vidit mucius oblique. His eleifend quaerendum id, idque dictas vel et. Ea aliquip conceptam vim, latine omnesque scripserit no usu. Modus liber invenire est et, ex prima comprehensam usu, ei rebum rationibus nec. Has in commune lobortis, ex mei suscipit inciderint.

[table]
[tr]
[td]

THE TYPHOON[/td]
[td]

BIO[/td]
[td]

PLOT[/td]
[/tr]
[/table]

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="max-width: 600px; background-color: #f4f4f4; border: 3px solid #9b9b9b; padding: 10px; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 40px; color: #686868;"][i]CHARACTER NAME[/i][/div]
[div style="max-width: 600px; height: 200px; background-color: #f4f4f4; border-left: 2px solid #9b9b9b; border-right: 2px solid #9b9b9b; border-bottom: 2px solid #9b9b9b; overflow: hidden;"][div style="max-width: 617px; height: 200px; background-color: #f4f4f4; border-left: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; padding: 10px; overflow: auto; text-align: justify; font-family: arial; font-size: 11px; color: #686868;"][div style="width: 100px; height: 100px; margin-right: 5px; margin-top: 5px; border: 2px solid #686868; padding: 5px; float: left; background:url('IMGHERE'); background-size: 100% 100%;"][color=transparent]x[/color][/div] CHARACTER SYNOPSIS HERE[/div][/div]
[table]
[tr]
[td][div style="width: 200px; height: auto;padding: 5px; background-color: #f4f4f4; border-left: 3px solid #9b9b9b; border-right: 3px solid #9b9b9b; border-bottom: 3px solid #9b9b9b; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#686868]INFO[/color][/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #f4f4f4; border-right: 3px solid #9b9b9b; border-bottom: 3px solid #9b9b9b; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#686868][url=LINK HERE]BIO[/url][/color][/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #f4f4f4; border-right: 3px solid #9b9b9b; border-bottom: 3px solid #9b9b9b; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#686868][url=LINKHERE]PLOT[/url][/color][/td]
[/tr]
[/table][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

dark:

[div style="max-width: 600px; background-color: #2d2d2d; border: 3px solid #1d1d1d; padding: 10px; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 40px; color: #f4f4f4;"]LOREM IPSUM

[div style="max-width: 617px; height: 200px; background-color: #2d2d2d; border-left: 1px solid #1d1d1d; border-right: 1px solid #1d1d1d; border-bottom: 1px solid #1d1d1d; padding: 10px; overflow: auto; text-align: justify; font-family: arial; font-size: 11px; color: #f4f4f4;"][div style="width: 100px; height: 100px; margin-right: 5px; margin-top: 5px; border: 2px solid #f4f4f4; padding: 5px; float: left; background:url('https://i.pinimg.com/564x/95/bf/c2/95bfc2206632c93053a4f150e1ed49f4.jpg'); background-size: 100% 100%;"]x

Lorem ipsum dolor sit amet, nisl tale rationibus at nec, ne duo duis nominavi similique. Te vix graeco oportere assueverit, mentitum erroribus no pro, vim ne appetere petentium. Inermis dissentiet eos ne. At tantas tincidunt vel. Alia postulant salutandi pri ne, ei scaevola mediocrem mel. Mucius commodo impetus no mel. Te vel hinc officiis, laudem graece offendit mei id, eu etiam dicunt mnesarchum sed. Est cu nibh nominavi concludaturque, an has ubique deleniti consequuntur. Eos an verear scriptorem, sed discere abhorreant eu. Fugit recusabo sit ex. Nec an tacimates philosophia. Zril nonumes ex cum, mea cu solet ornatus.

Etiam malorum ad sea. Ex qui quem commune philosophia. Porro vivendum est at, dicta prompta voluptua mei eu. Sit cu discere definitionem, te has delectus pertinacia, pro quod etiam cu. Vix eu modus efficiantur, at quo vidit mucius oblique. His eleifend quaerendum id, idque dictas vel et. Ea aliquip conceptam vim, latine omnesque scripserit no usu. Modus liber invenire est et, ex prima comprehensam usu, ei rebum rationibus nec. Has in commune lobortis, ex mei suscipit inciderint.

[table]
[tr]
[td]

THE TYPHOON[/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #2d2d2d; border-right: 3px solid #1d1d1d; border-bottom: 3px solid #1d1d1d; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"]BIO[/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #2d2d2d; border-right: 3px solid #1d1d1d; border-bottom: 3px solid #1d1d1d; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"]PLOT[/td]
[/tr]
[/table]

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="max-width: 600px; background-color: #2d2d2d; border: 3px solid #1d1d1d; padding: 10px; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 40px; color: #f4f4f4;"][i]CHARACTER NAME[/i][/div]
[div style="max-width: 600px; height: 200px; background-color: #2d2d2d; border-left: 2px solid #1d1d1d; border-right: 2px solid #1d1d1d; border-bottom: 2px solid #1d1d1d; overflow: hidden;"][div style="max-width: 617px; height: 200px; background-color: #2d2d2d; border-left: 1px solid #1d1d1d; border-right: 1px solid #1d1d1d; border-bottom: 1px solid #1d1d1d; padding: 10px; overflow: auto; text-align: justify; font-family: arial; font-size: 11px; color: #f4f4f4;"][div style="width: 100px; height: 100px; margin-right: 5px; margin-top: 5px; border: 2px solid #f4f4f4; padding: 5px; float: left; background:url('IMGHERE'); background-size: 100% 100%;"][color=transparent]x[/color][/div] CHARACTER SYNOPSIS HERE[/div][/div]
[table]
[tr]
[td][div style="width: 200px; height: auto;padding: 5px; background-color: #2d2d2d; border-left: 3px solid #1d1d1d; border-right: 3px solid #1d1d1d; border-bottom: 3px solid #1d1d1d; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#f4f4f4]INFO[/color][/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #2d2d2d; border-right: 3px solid #1d1d1d; border-bottom: 3px solid #1d1d1d; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#f4f4f4][url=LINKHERE]BIO[/url][/color][/td]
[td][div style="width: 200px; height: auto; padding: 5px; background-color: #2d2d2d; border-right: 3px solid #1d1d1d; border-bottom: 3px solid #1d1d1d; text-align: center; text-transform: uppercase; font-family: georgia; font-size: 20px;"][color=#f4f4f4][url=LINKHERE]PLOT[/url][/color][/td]
[/tr]
[/table][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

[psy]

XXXII. 21ST CENTURY. POSTING.
An expanding posting template with room for 1 image. Note: use the same color for the COLOR prompt!

x

[div style="margin-bottom: 4px; height: auto; font-family: baskerville; font-size: 26px; letter-spacing: 3px; text-align: center; text-transform: uppercase; color: black;"]21ST CENTURY SCHIZOID MAN

ACTIONS | "SPEAKING" | THINKING | TELEPATHY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in purus in erat fermentum venenatis non vitae mi. Cras ut convallis lectus. Nullam faucibus lorem eget est porttitor cursus sit amet at diam. "Maecenas et lectus accumsan, lacinia nibh at," luctus nunc. Suspendisse posuere ipsum ligula, vitae interdum enim pharetra sed. Proin consectetur eleifend pretium. Integer sodales cursus vehicula. Curabitur eget vehicula dui. Fusce et feugiat sem. Sed nec arcu at turpis auctor vulputate. Vestibulum ex lorem, feugiat ut mattis id, sodales vel risus. Donec ac ligula non erat accumsan finibus et ut urna.

Mauris cursus sem nulla, sit amet imperdiet orci accumsan volutpat. Fusce id sagittis elit. Sed maximus a erat eu commodo. Proin sollicitudin consectetur odio et finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non est bibendum, suscipit diam a, lobortis mauris. In id viverra orci. Curabitur aliquam orci non sagittis euismod. Vivamus et viverra libero. Pellentesque eget vestibulum purus. Pellentesque id libero libero.

Quisque ultrices, lorem id tincidunt aliquam, lorem lacus dapibus augue, mattis vulputate ipsum elit non tellus. Nulla accumsan mauris orci, malesuada auctor nulla bibendum et. Cras ac luctus nibh, at ornare turpis. Morbi laoreet ex in ante lacinia, auctor euismod ante aliquam. Curabitur malesuada ac nisi id imperdiet. Duis pulvinar lacus vel ipsum mattis, vehicula viverra urna suscipit. Aliquam fringilla, ex in accumsan tincidunt, purus sem rhoncus ipsum, sit amet euismod nibh justo eget sapien. Donec consequat elit elit, id viverra libero sollicitudin et. Quisque sit amet tortor at ligula pulvinar mollis sit amet eget ante. Etiam rhoncus pellentesque elit, vitae scelerisque enim hendrerit id.

Aenean posuere id dui sed varius. Vivamus sit amet aliquet nunc. Donec et odio lobortis, suscipit erat vitae, euismod risus. Nulla volutpat accumsan cursus. Maecenas diam quam, rhoncus non velit quis, dapibus facilisis dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas nulla eros, posuere quis faucibus quis, ultricies at enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia nili.

#psy.

Code:

[align=center][div style="max-width: 550px; height: auto;"][div style="max-width: 550px; height: 250px; background:url('IMGHERE'); background-size: cover; border-radius: 30em 30em 0em 0em; border-top: 1.5px solid black;"][color=transparent]x[/color][/div][div style="background: linear-gradient(transparent 70%, COLOR); border-radius: 30em 30em 0em 0em; max-width: 550px; text-align: justify; height: 250px; align: center; margin-top: -250px;"][/div]
[div style="max-width: 550px; height: auto; background-color: COLOR; padding: 10px;"][div style="margin-bottom: 4px; height: auto; font-family: baskerville; font-size: 26px; letter-spacing: 3px; text-align: center; text-transform: uppercase; color: black;"]NAME/LYRICS HERE[/div]
[div style="margin-top: 6px; height: auto; font-family: baskerville; font-size: 16px; text-align: center; color: black;"]ACTIONS | [b]"SPEAKING"[/b] | [i]THINKING[/i] | [b][i]TELEPATHY[/i][/b][/div]
[div style="height: auto; padding: 20px; font-family: tahoma; font-size: 14px; text-align: justify; color: black;"]TEXT HERE[/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

[psy]

XXXIII. HEADSPACE. HEART CHART.
An expanding template that scrolls at each individual: hearts are hovered over for the key, and a spoiler beneath them serves as a color guide for mobile users. The first version allows for a 100x100 headshot/image for each character, while the second does not use any images.

v1:

CHARACTER'S HEART CHART

last updated: mm/dd/yy

Welcome to Character's heart chart! intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

MOBILE GUIDE:

♥ would fight/kill for them
♥ romantic interest
♥ considers family
♥ considers a close friend
♥ considers a friend
♥ considers a vague friend
♥ trusts
♥ comfortable around
♥ respects
♥ acquainted with
♥ neutral/unmet
♥ mixed feelings
♥ annoyed by
♥ doesn't trust
♥ dislikes/disrespects
♥ strong dislike/disgust
♥ considers an enemy
♥ despises
♥ arch-nemesis
♥ fight on sight
♥ kill on sight

x

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]LOREM
♥[abbr=considers a close friend]♥♥[abbr=trusts]♥

" She's got a Barbarella silver swimsuit
And when she needs to shelter from reality
She takes a dip in my daydreams "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

x

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]IPSUM
♥♥♥

" Rebel rebel, you've torn your dress
Rebel rebel, your face is a mess
Rebel rebel, how could they know? "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="text-align: center; text-transform: uppercase; font-family: andale mono; font-size: 24px; letter-spacing: 1.5px; color: white;"][b]CHARACTER'S HEART CHART[/b][/div]
[div style="text-align: justify; text-transform: lowercase; font-family: andale mono; font-size: 14px; letter-spacing: 1px;"][align=center]last updated: mm/dd/yy[/align]

Welcome to Character's heart chart! intro/blurb here
[align=center][size=18][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr][abbr=romantic interest][color=#ffa495]♥[/color][/abbr][abbr=considers family][color=#ffba9b]♥[/color][/abbr][abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr][abbr=considers a friend][color=#ffdca1]♥[/color][/abbr][abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr][abbr=trusts][color=#fff39e]♥[/color][/abbr][abbr=comfortable around][color=#ffff9d]♥[/color][/abbr][abbr=respects][color=#e7fea6]♥[/color][/abbr][abbr=acquainted with][color=#cffeae]♥[/color][/abbr][abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr][abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr][abbr=annoyed by][color=#adfee7]♥[/color][/abbr][abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr][abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr][abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr][abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr][abbr=despises][color=#9999ff]♥[/color][/abbr][abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr][abbr=fight on sight][color=#b88bff]♥[/color][/abbr][abbr=kill on sight][color=#c784ff]♥[/color][/abbr][/size]
[spoiler=MOBILE GUIDE][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr] would fight/kill for them
[abbr=romantic interest][color=#ffa495]♥[/color][/abbr] romantic interest
[abbr=considers family][color=#ffba9b]♥[/color][/abbr] considers family
[abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr] considers a close friend
[abbr=considers a friend][color=#ffdca1]♥[/color][/abbr] considers a friend
[abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr] considers a vague friend
[abbr=trusts][color=#fff39e]♥[/color][/abbr] trusts
[abbr=comfortable around][color=#ffff9d]♥[/color][/abbr] comfortable around
[abbr=respects][color=#e7fea6]♥[/color][/abbr] respects
[abbr=acquainted with][color=#cffeae]♥[/color][/abbr] acquainted with
[abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr] neutral/unmet
[abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr] mixed feelings
[abbr=annoyed by][color=#adfee7]♥[/color][/abbr] annoyed by
[abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr] doesn't trust
[abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr] dislikes/disrespects
[abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr] strong dislike/disgust
[abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr] considers an enemy
[abbr=despises][color=#9999ff]♥[/color][/abbr] despises
[abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr] arch-nemesis
[abbr=fight on sight][color=#b88bff]♥[/color][/abbr] fight on sight
[abbr=kill on sight][color=#c784ff]♥[/color][/abbr] kill on sight[/spoiler][/align][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="width: 100px; height: 100px; float: left; border: 2px solid white; background:url('IMGHERE'); background-size: 100% 100%; margin-right: 5px;"][color=transparent]x[/color][/div][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="width: 100px; height: 100px; float: left; border: 2px solid white; background:url('IMGHERE'); background-size: 100% 100%; margin-right: 5px;"][color=transparent]x[/color][/div][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]

v2:

CHARACTER'S HEART CHART

last updated: mm/dd/yy

Welcome to Character's heart chart! intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here intro here

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥

MOBILE GUIDE:

♥ would fight/kill for them
♥ romantic interest
♥ considers family
♥ considers a close friend
♥ considers a friend
♥ considers a vague friend
♥ trusts
♥ comfortable around
♥ respects
♥ acquainted with
♥ neutral/unmet
♥ mixed feelings
♥ annoyed by
♥ doesn't trust
♥ dislikes/disrespects
♥ strong dislike/disgust
♥ considers an enemy
♥ despises
♥ arch-nemesis
♥ fight on sight
♥ kill on sight

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]LOREM
♥[abbr=considers a close friend]♥♥[abbr=trusts]♥

" She's got a Barbarella silver swimsuit
And when she needs to shelter from reality
She takes a dip in my daydreams "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

[div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"]IPSUM
♥♥♥

" Rebel rebel, you've torn your dress
Rebel rebel, your face is a mess
Rebel rebel, how could they know? "

"Your character's in-person spoken opinion here! Lorem ipsum dolor sit amet, graece iisque docendi ex vix, cu meis euripidis intellegam mea. Ea labitur phaedrum quo, ne eros tibique appellantur cum. Quem denique forensibus has ex. Legendos constituam qui te, quo eu quem inimicus. Est laboramus intellegam at, id vel antiopam similique, ut quo autem elaboraret. Tantas exerci audiam eum te. Te inani delicata ullamcorper quo, sonet mandamus definitiones sit et. His legendos erroribus ex, pro et semper timeam consequat, sit diceret inermis quaerendum ut. Sed cu pertinax petentium, sit ullum tollit reformidans ea!"

Your character's internal thoughts here! Quo erant electram aliquando ad, oratio soleat nemore an pri. Eum id vivendo nominavi inciderint, per ad impedit neglegentur, dicant voluptaria efficiantur no eum. Sit te nisl errem prompta, vix eu dicunt aliquip quaeque, nam tation adipisci no. Cu his clita omnes dicunt. Ei mazim causae sea, dicunt appetere detraxit vix cu! An maiorum fuisset sententiae sit, no everti aeterno mei. Ne eos alii civibus salutandi, eum te etiam gloriatur, has in graecis prodesset! Vel veniam commune posidonium ea. Suas appareat quo at, cu duo assum voluptatum, eros apeirian an usu. Ea eripuit ponderum vim, in est option alienum posidonium. Est et nobis definitiones? Vis te integre nonumes, cu discere qualisque suscipiantur usu. Eam at atqui detracto sapientem, his etiam semper cu, veniam pertinacia argumentum duo an? Liber utroque voluptatum vis ei?

Regione incorrupte suscipiantur ea eos, eu mel porro ocurreret temporibus? Est te petentium molestiae! An oblique iudicabit argumentum mea, vim cetero petentium et.

#psy.

Code:

[align=center][div style="max-width: 600px; height: auto;"][div style="text-align: center; text-transform: uppercase; font-family: andale mono; font-size: 24px; letter-spacing: 1.5px; color: white;"][b]CHARACTER'S HEART CHART[/b][/div]
[div style="text-align: justify; text-transform: lowercase; font-family: andale mono; font-size: 14px; letter-spacing: 1px;"][align=center]last updated: mm/dd/yy[/align]

Welcome to Character's heart chart! intro/blurb here
[align=center][size=18][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr][abbr=romantic interest][color=#ffa495]♥[/color][/abbr][abbr=considers family][color=#ffba9b]♥[/color][/abbr][abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr][abbr=considers a friend][color=#ffdca1]♥[/color][/abbr][abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr][abbr=trusts][color=#fff39e]♥[/color][/abbr][abbr=comfortable around][color=#ffff9d]♥[/color][/abbr][abbr=respects][color=#e7fea6]♥[/color][/abbr][abbr=acquainted with][color=#cffeae]♥[/color][/abbr][abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr][abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr][abbr=annoyed by][color=#adfee7]♥[/color][/abbr][abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr][abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr][abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr][abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr][abbr=despises][color=#9999ff]♥[/color][/abbr][abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr][abbr=fight on sight][color=#b88bff]♥[/color][/abbr][abbr=kill on sight][color=#c784ff]♥[/color][/abbr][/size]
[spoiler=MOBILE GUIDE][abbr=would fight/kill for them][color=#ff8e8e]♥[/color][/abbr] would fight/kill for them
[abbr=romantic interest][color=#ffa495]♥[/color][/abbr] romantic interest
[abbr=considers family][color=#ffba9b]♥[/color][/abbr] considers family
[abbr=considers a close friend][color=#ffd0a2]♥[/color][/abbr] considers a close friend
[abbr=considers a friend][color=#ffdca1]♥[/color][/abbr] considers a friend
[abbr=considers a vague friend][color=#ffe8a0]♥[/color][/abbr] considers a vague friend
[abbr=trusts][color=#fff39e]♥[/color][/abbr] trusts
[abbr=comfortable around][color=#ffff9d]♥[/color][/abbr] comfortable around
[abbr=respects][color=#e7fea6]♥[/color][/abbr] respects
[abbr=acquainted with][color=#cffeae]♥[/color][/abbr] acquainted with
[abbr=neutral/unmet][color=#b7fdb7]♥[/color][/abbr] neutral/unmet
[abbr=mixed feelings][color=#b2fecf]♥[/color][/abbr] mixed feelings
[abbr=annoyed by][color=#adfee7]♥[/color][/abbr] annoyed by
[abbr=doesn't trust][color=#a8ffff]♥[/color][/abbr] doesn't trust
[abbr=dislikes/disrespects][color=#a4e6ff]♥[/color][/abbr] dislikes/disrespects
[abbr=strong dislike/disgust][color=#a1ccff]♥[/color][/abbr] strong dislike/disgust
[abbr=considers an enemy][color=#9db3ff]♥[/color][/abbr] considers an enemy
[abbr=despises][color=#9999ff]♥[/color][/abbr] despises
[abbr=arch-nemesis][color=#a892ff]♥[/color][/abbr] arch-nemesis
[abbr=fight on sight][color=#b88bff]♥[/color][/abbr] fight on sight
[abbr=kill on sight][color=#c784ff]♥[/color][/abbr] kill on sight[/spoiler][/align][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black; margin-bottom: 7px;"][/div]
[div style="max-width: 600px;"][div style="margin: auto; padding: 5px;"][div style="text-align: left; text-transform: uppercase; font-family: andale mono; font-size: 20px; color: white; letter-spacing: 1.5px;"][b]CHARACTER[/b]
INSERT HEARTS HERE[/div]
[div style="text-align: left; text-transform: lowercase; font-family: andale mono; font-size: 18px; letter-spacing: 1px;"][i]" lyrics
lyrics
lyrics "[/i][/div][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div]
[div style="max-width: 600px; height: 300px; overflow: auto; padding: 10px; text-align: justify; font-family: andale mono; font-size: 16px;"]"Your character's in-person spoken opinion here!"

[i]Your character's internal thoughts here![/i][/div]
[div style="max-width: 600px; height: 1px; border: 1px solid black;"][/div][/div]
[size=8][url=https://beastsofbeyond.com/index.php?topic=255.0]#psy.[/url][/size][/align]