Free Posting Tables

Free Tables

These tables are Sonder exclusive unless otherwise defined by the coder. By using these codes, you agree to the coder's terms and conditions.

Users that post a table will get 20 renown to distribute to an account of their choice!

bean's codes ;; rules

- two free posting tables to suit the site!
- please leave the credit where it is
- these codes are for Sonder use only

editing tips:

> changing font colour:

- please take note of the styling at the start of each code

.gsonderest b { color: #fff; }

OR

.bsonderest b { color: #fff; }

what to do?

- all you have to do is change the hex code to the colour of your choice.

otherwise, enjoy!
please don't hesitate to @ me on discord if you need any help.

bean mcbean

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis magna. Eget arcu dictum varius duis. Arcu odio ut sem nulla pharetra diam. Mi sit amet mauris commodo quis imperdiet massa. Ut morbi tincidunt augue interdum velit. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Convallis tellus id interdum velit laoreet id. Scelerisque viverra mauris in aliquam sem. Dui vivamus arcu felis bibendum ut tristique. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tristique senectus et netus et malesuada fames ac turpis egestas. Sed augue lacus viverra vitae. Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies.

Feugiat nisl pretium fusce id velit ut. Viverra ipsum nunc aliquet bibendum. Magna eget est lorem ipsum dolor sit amet consectetur. Vulputate enim nulla aliquet porttitor. Tortor aliquam nulla facilisi cras fermentum odio. Dapibus ultrices in iaculis nunc sed. Et netus et malesuada fames. Arcu risus quis varius quam quisque id diam vel. In ornare quam viverra orci sagittis. Faucibus in ornare quam viverra orci sagittis. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Amet cursus sit amet dictum sit amet. Sit amet risus nullam eget felis eget nunc. Facilisis mauris sit amet massa vitae.

Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Maecenas sed enim ut sem viverra aliquet. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Et malesuada fames ac turpis egestas. Gravida rutrum quisque non tellus orci. Fermentum et sollicitudin ac orci. Auctor urna nunc id cursus metus. Vulputate ut pharetra sit amet aliquam id diam maecenas. Enim nec dui nunc mattis enim ut tellus. Sit amet facilisis magna etiam tempor orci. Accumsan in nisl nisi scelerisque. Pellentesque id nibh tortor id aliquet lectus. Facilisi cras fermentum odio eu feugiat pretium nibh. Convallis tellus id interdum velit laoreet id donec ultrices tincidunt. Proin nibh nisl condimentum id venenatis a condimentum. Ante metus dictum at tempor commodo ullamcorper a lacus.

@name mcname @name mcname

template © bean

<style> .gsonderest b { color: #fff; } </style>
<div class="gsonderest">
   <div class="gsonderest-name">bean mcbean</div>
   <div class="gsonderest-text">
      <span style="color:#f2f;"><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit,</b></span> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis magna. Eget arcu dictum varius duis. Arcu odio ut sem nulla pharetra diam. Mi sit amet mauris commodo quis imperdiet massa. Ut morbi tincidunt augue interdum velit. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Convallis tellus id interdum velit laoreet id. Scelerisque viverra mauris in aliquam sem. Dui vivamus arcu felis bibendum ut tristique. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tristique senectus et netus et malesuada fames ac turpis egestas. Sed augue lacus viverra vitae. Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies.

Feugiat nisl pretium fusce id velit ut. Viverra ipsum nunc aliquet bibendum. Magna eget est lorem ipsum dolor sit amet consectetur. Vulputate enim nulla aliquet porttitor. Tortor aliquam nulla facilisi cras fermentum odio. Dapibus ultrices in iaculis nunc sed. Et netus et malesuada fames. Arcu risus quis varius quam quisque id diam vel. In ornare quam viverra orci sagittis. Faucibus in ornare quam viverra orci sagittis. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Amet cursus sit amet dictum sit amet. Sit amet risus nullam eget felis eget nunc. Facilisis mauris sit amet massa vitae.

Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Maecenas sed enim ut sem viverra aliquet. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Et malesuada fames ac turpis egestas. Gravida rutrum quisque non tellus orci. Fermentum et sollicitudin ac orci. Auctor urna nunc id cursus metus. Vulputate ut pharetra sit amet aliquam id diam maecenas. Enim nec dui nunc mattis enim ut tellus. Sit amet facilisis magna etiam tempor orci. Accumsan in nisl nisi scelerisque. Pellentesque id nibh tortor id aliquet lectus. Facilisi cras fermentum odio eu feugiat pretium nibh. Convallis tellus id interdum velit laoreet id donec ultrices tincidunt. Proin nibh nisl condimentum id venenatis a condimentum. Ante metus dictum at tempor commodo ullamcorper a lacus.
   </div>
   <div class="gsonderest-line"></div>
   <div class="gsonderest-tag"><span style="background-color: #333;">@name mcname @name mcname</span></div>
   </div>
<center><div style="font: 10px/1 'playfair display'; font-variant: small-caps;">template (c) bean</div></center>

bean mcbean

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis magna. Eget arcu dictum varius duis. Arcu odio ut sem nulla pharetra diam. Mi sit amet mauris commodo quis imperdiet massa. Ut morbi tincidunt augue interdum velit. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Convallis tellus id interdum velit laoreet id. Scelerisque viverra mauris in aliquam sem. Dui vivamus arcu felis bibendum ut tristique. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tristique senectus et netus et malesuada fames ac turpis egestas. Sed augue lacus viverra vitae. Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies.

Feugiat nisl pretium fusce id velit ut. Viverra ipsum nunc aliquet bibendum. Magna eget est lorem ipsum dolor sit amet consectetur. Vulputate enim nulla aliquet porttitor. Tortor aliquam nulla facilisi cras fermentum odio. Dapibus ultrices in iaculis nunc sed. Et netus et malesuada fames. Arcu risus quis varius quam quisque id diam vel. In ornare quam viverra orci sagittis. Faucibus in ornare quam viverra orci sagittis. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Amet cursus sit amet dictum sit amet. Sit amet risus nullam eget felis eget nunc. Facilisis mauris sit amet massa vitae.

Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Maecenas sed enim ut sem viverra aliquet. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Et malesuada fames ac turpis egestas. Gravida rutrum quisque non tellus orci. Fermentum et sollicitudin ac orci. Auctor urna nunc id cursus metus. Vulputate ut pharetra sit amet aliquam id diam maecenas. Enim nec dui nunc mattis enim ut tellus. Sit amet facilisis magna etiam tempor orci. Accumsan in nisl nisi scelerisque. Pellentesque id nibh tortor id aliquet lectus. Facilisi cras fermentum odio eu feugiat pretium nibh. Convallis tellus id interdum velit laoreet id donec ultrices tincidunt. Proin nibh nisl condimentum id venenatis a condimentum. Ante metus dictum at tempor commodo ullamcorper a lacus.

@name mcname @name mcname

template © bean

<style> .bsonderest b { color: #fff; } </style>
<div class="bsonderest">
   <div class="bsonderest-name">bean mcbean</div>
   <div class="bsonderest-text">
      <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit,</b> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi est sit amet facilisis magna. Eget arcu dictum varius duis. Arcu odio ut sem nulla pharetra diam. Mi sit amet mauris commodo quis imperdiet massa. Ut morbi tincidunt augue interdum velit. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Convallis tellus id interdum velit laoreet id. Scelerisque viverra mauris in aliquam sem. Dui vivamus arcu felis bibendum ut tristique. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tristique senectus et netus et malesuada fames ac turpis egestas. Sed augue lacus viverra vitae. Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies.

Feugiat nisl pretium fusce id velit ut. Viverra ipsum nunc aliquet bibendum. Magna eget est lorem ipsum dolor sit amet consectetur. Vulputate enim nulla aliquet porttitor. Tortor aliquam nulla facilisi cras fermentum odio. Dapibus ultrices in iaculis nunc sed. Et netus et malesuada fames. Arcu risus quis varius quam quisque id diam vel. In ornare quam viverra orci sagittis. Faucibus in ornare quam viverra orci sagittis. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Amet cursus sit amet dictum sit amet. Sit amet risus nullam eget felis eget nunc. Facilisis mauris sit amet massa vitae.

Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Maecenas sed enim ut sem viverra aliquet. Dui accumsan sit amet nulla facilisi morbi tempus iaculis. Et malesuada fames ac turpis egestas. Gravida rutrum quisque non tellus orci. Fermentum et sollicitudin ac orci. Auctor urna nunc id cursus metus. Vulputate ut pharetra sit amet aliquam id diam maecenas. Enim nec dui nunc mattis enim ut tellus. Sit amet facilisis magna etiam tempor orci. Accumsan in nisl nisi scelerisque. Pellentesque id nibh tortor id aliquet lectus. Facilisi cras fermentum odio eu feugiat pretium nibh. Convallis tellus id interdum velit laoreet id donec ultrices tincidunt. Proin nibh nisl condimentum id venenatis a condimentum. Ante metus dictum at tempor commodo ullamcorper a lacus.
   </div>
   <div class="bsonderest-line"></div>
   <div class="bsonderest-tag"><span style="background-color: #111;">@name mcname @name mcname</span></div>
   </div>
<center><div style="font: 10px/1 'playfair display'; font-variant: small-caps;">template (c) bean</div></center>

A couple helpful hints!

Configuration --
#1 - Everywhere it says "NAMEHERE", please put one of your character's names! There are 11 spots to edit (divs and colors included. Be sure to get them all!)
#2 - Once #1 is done, you don't have to update it for each of your unique characters. So long as you aren't writing with yourself, the CSS won't interfere with others. Just change the colors and off you go!
#3 - Put in your speech color and text shadow! I suggest the same color for shadow as your speech!
#4 - The quote section is intended to stay gray. If you're changing colors on that, add your character's name to the "quote" div class. Otherwise, you'll mess with others' tables!

Style --
#1 - The quote and your speech text has a hover code!! So your speech can change color when someone hovers over it hehehe

Have fun ♥

hello hello hello

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

Round One
blah blah blah

"We are all young and naive still."

<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<center>
<style>.cigarette_NAME HERE (#1) {width: 350px; background-color:#0F0F0F;padding: 50px; margin-top: -125px; border: 2px solid #8A8686;} .smokey_NAME HERE (#2) {font-family: 'Lato', sans-serif; color: #8A8686; font-size: 10px; text-align: justify; line-height: 15px; margin-top: 90px;} .smokey_NAME HERE (#3) h {font-weight: 300; color: #SPEECH COLOR HERE (#4); font-size: 13px;  text-shadow: 0px 0px 2px #SHADOW HERE (#5); font-family: 'Questrial', sans-serif; transition: 0.4s} .smokey_NAME HERE (#6) h:hover {color: #HOVER SPEECH COLOR (#7); text-shadow: 0px 0px 4px #HOVER SHADOW COLOR HERE (#8); transition: 0.4s} .quote:hover {text-shadow: 0px 0px 2px #fff; color: #fff; transition: 0.4s;} .quote { font-size: 20px; border-bottom: 1px solid #8A8686; text-align: center; padding: 10px; margin-bottom: 20px; letter-spacing: 6px; transition: 0.4s;}  .cigarette_NAME HERE (#9) r {letter-spacing: 2px; font-size: 14px; border-bottom: 1px solid #8A8686; font-style: italic; text-transform: uppercase; padding-right: 100px; }</style>
<img src="https://i.imgur.com/rUDGnrN.png" style="width: 250px; height: 250px; border-radius: 140px; border: 2px solid #000;">
<div class="cigarette_NAME HERE (#10)"><div class="smokey_NAME HERE (#11)">
<div class="quote">hello hello hello</div>
talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. <h>"We are all young and naive still."</h> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. <h>"We are all young and naive still."</h> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

<r>ROUND ONE</r>
blah blah blah

<h>"We are all young and naive still."</h>
</div></div>
</center>

A couple helpful hints!

Configuration --
#1 - Everywhere it says "NAMEHERE", please put one of your character's names!.
#2 - Once #1 is done, you don't have to update it for each of your unique characters. So long as you aren't writing with yourself, the CSS won't interfere with others. Just change the colors and off you go!
#3 - Put in your speech color and text shadow! I suggest the same color for shadow as your speech!

Have fun ♥

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "Can you hug me?"

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

"We are all young and naive still."

<center><style>#hellobaby_NAMEHERE { width: 600px; height: 300px; } #hellobaby_NAMEHERE h { font-style: italic; font-weight: 400; color: #FF936B; font-size: 16px;  text-shadow: 0px 0px 2px #FF936B; font-family:garamond; } #hellobaby_NAMEHERE ::-webkit-scrollbar { width: 0px; } #hellosmall_NAMEHERE {width:300px; height:250px; padding-left: 2px; padding-right: 2px;text-align:justify; overflow-y: auto; overflow-x: hidden; background-color: #8F8F8; margin-top: 25px;} </style>
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:600|Raleway&display=swap"|family=PT+Serif&display=swap" rel="stylesheet"><div id="hellobaby_NAMEHERE"><div style="width: 250px; height: 300px; float: left; background: url('AVATAR HERE') #0E0C0C center top;display: inline-block;"></div><div style="width: 350px; height: 300px; float: right; background-color: #0E0C0C; color: #847979; font-family: 'PT Serif', serif; font-size:11.5px;"><div id="hellosmall_NAMEHERE">
talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.  <h>"We are all young and naive still."</h> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. <h>"Can you hug me?"</h>

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.  <h>"We are all young and naive still."</h> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

<h>"We are all young and naive still."</h>

</div></div></div>

A couple helpful hints!

Configuration --
#1 - Everywhere it says "NAME_A,B,C,etc.", change the NAME to one of your character's names but leave the letter.
#2 - Once #1 is done, you don't have to update it for each of your unique characters. So long as you aren't writing with yourself, the CSS won't interfere with others. Just change the colors and off you go!

Style --
#3 - This table is VERY color intensive! In the example, I left the hex codes that I used. I suggest four colors in your palette (a dark background, a midtone for text, a slightly brighter tone for accents, and a bright speech color). I left the colors I used in the example so feel free to use them / pattern match!
#4 - This code has a specific header for battle rounds! This is a feature I'll be adding to other tables so stay tuned ;D

Have fun ♥

it feels so good it hurts so much

Bite your face to spite your nose17 and a half years old I'm worrying about mybrother finding out What's the fun in doing what you're told? I said "No!" 'Oh give it a rest, I could persuade you I'm not your typical, stoned 18 year oldGive me a night I'll make you' "I know you're looking for salvation in the secular age But girl I'm not your savior" Wrestle to the ground God help me now because "They're just girls breaking hearts" Eyes bright, uptight, just girls But she can't be what you need if she's 17 They're just girls They're just girls A pair of frozen hands to hold

Oh she's so southern so she feels the cold, One moment I was tearing off your blouse Now you're living in my house "What happened to just messing around?"

Bite your face to spite your nose, 17 and a half years old I'm worrying about mybrother finding out What's the fun in doing what you're told? I said "No!" 'Oh give it a rest, I could persuade you I'm not your typical, stoned 18 year oldGive me a night I'll make you' "I know you're looking for salvation in the secular age But girl I'm not your savior" Wrestle to the ground God help me now because They're just girls breaking hearts Eyes bright, uptight, just girls But she can't be what you need if she's 17 They're just girls They're just girls A pair of frozen hands to hold

Oh she's so southern so she feels the cold One moment I was tearing off your blouse Now you're living in my house What happened to just messing around?

Round i
attacks:
defenses:
wounds:

<center>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&family=Tenali+Ramakrishna&display=swap" rel="stylesheet">
<style> .NAME_A { width: 400px; background-image: url('https://www.transparenttextures.com/patterns/black-orchid.png'); background-color: BACKGROUND COLOR HERE (#0d0700); padding-left: 40px; padding-right: 40px; padding-bottom: 20px; padding-top: 20px;} .NAME_B { width: 400px;background-color: BACKGROUND COLOR HERE (#0d0700);
background-image:url('https://www.transparenttextures.com/patterns/checkered-pattern.png'); padding-top: 30px; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; border-top: 4px solid BORDER COLOR HERE (#361D00);  border-bottom: 4px solid BORDER COLOR HERE (#361D00);}  .NAME_C {width: 400px; font-family: cambria; color: TEXT COLOR HERE (#361D00); text-align: justify; font-size: 11px; line-spacing: 5px;} .NAME_D {height: 10px; width: 240px; border: 1px solid #462703; padding: 10px;font-family: cambria; font-weight: 300; font-style: italic; font-size: 10.5px; color: QUOTE COLOR HERE (#462703); background-color: BACKGROUND COLOR HERE (#0d0700); letter-spacing: 2px; } .NAME_C h {font-style: italic; color: SPEECH COLOR HERE (#A85A00); font-family: Georgia; letter-spacing: 2px; font-size: 11px; font-weight: 600;} .NAME_C b {font-style: italic; color: BOLD COLOR HERE (#462703); font-family: Georgia; letter-spacing: 2px; font-size: 9px;} .NAME_C i {color: ITALIC COLOR HERE (#462703); font-family: Georgia; letter-spacing: 2px; font-size: 9px;} .NAME_C r {color: ROUND COLOR HERE (#462703); font-family: Georgia; letter-spacing: 2px; font-size: 14px; border-bottom: 1px solid UNDERLINE COLOR HERE (#462703); font-style: italic; text-transform: uppercase; padding-right: 100px;  } </style>

<div class="NAME_A">
<div class="NAME_D"> QUOTE HERE </div></div>
<div class="NAME_B">
<div class="NAME_C">

<h>"SPEECH HERE"</h>
<b>BOLD HERE</b>
<i>ITALIC HERE</i>

<r>BATTLE ROUND HERE</r>
</div>
</div>
<div class="NAME_A"></div>
</center>

A couple helpful hints!

#1 - Everywhere it says "NAME_#", change the NAME to one of your character's names but leave the number.
#2 - Once #1 is done, you don't have to update it for each of your unique characters. So long as you aren't writing with yourself, the CSS won't interfere with others. Just change the colors and off you go!
#3 - I suggest using the "TIDBITS" to list the emotions of your character in that moment, or to tag others, or to do a few colorful adjectives. It doesn't look good if it gets too big!
#4 - I suggest using the same color for your speech + first tidbit box ;D

Have fun ♥

Seventeen and a half years old

bite your face to spite your nose

Bite your face to spite your nose17 and a half years old I'm worrying about mybrother finding out What's the fun in doing what you're told? I said "No!" 'Oh give it a rest, I could persuade you I'm not your typical, stoned 18 year oldGive me a night I'll make you' "I know you're looking for salvation in the secular age But girl I'm not your savior" Wrestle to the ground God help me now because "They're just girls breaking hearts" Eyes bright, uptight, just girls But she can't be what you need if she's 17 They're just girls They're just girls A pair of frozen hands to hold

Oh she's so southern so she feels the cold One moment I was tearing off your blouse Now you're living in my house What happened to just messing around?

Bite your face to spite your nose17 and a half years old I'm worrying about mybrother finding out What's the fun in doing what you're told? I said "No!" 'Oh give it a rest, I could persuade you I'm not your typical, stoned 18 year oldGive me a night I'll make you' "I know you're looking for salvation in the secular age But girl I'm not your savior" Wrestle to the ground God help me now because They're just girls breaking hearts Eyes bright, uptight, just girls But she can't be what you need if she's 17 They're just girls They're just girls A pair of frozen hands to hold

Oh she's so southern so she feels the cold One moment I was tearing off your blouse Now you're living in my house What happened to just messing around?

eyes bright

uptight

<center>
<link href="https://fonts.googleapis.com/css2?family=Arimo&family=Mrs+Saint+Delafield&family=Tenali+Ramakrishna&display=swap" rel="stylesheet">
<style>.NAME_1 { width: 500px; background-color: #F2F2F2; padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 70px;} .NAME_1 k { font-family: 'Mrs Saint Delafield', cursive; color: #27282C; font-size: 50px; } .NAME_2 {font-family: 'Tenali Ramakrishna', sans-serif; text-transform: uppercase; font-size: 17px; letter-spacing: 5px; color: #27282C; margin-top: -18px; padding-bottom: 20px;} .NAME_3 { width: 400px; text-align: justify; font-family: 'Arimo', sans-serif; font-size: 10px;color: #27282C; line-spacing: 5px; }  .NAME_3 h {font-style: italic; color: #SPEECH COLOR HERE; font-family: Georgia; letter-spacing: 2px; font-size: 11px; font-weight: 600;}  .NAME_3 b {font-style: italic; font-family: Georgia; font-size: 9px; font-weight: 600;}  .NAME_3 i {font-style: italic; font-family: Georgia; font-size: 9px;} .NAME_4 { width: 190px; float: left; background-color: #SPEECH COLOR HERE; height: 15px; text-align: center; font-family: 'Tenali Ramakrishna', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: 5px; color: #F2F2F2; padding: 3px;  margin-top: 10px;} .NAME_5 { width: 190px; float: right; background-color: #BDB8B8; height: 15px; text-align: center; font-family: 'Tenali Ramakrishna', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: 5px; color: #F2F2F2; padding: 3px; margin-top: 10px;}  </style>

<div class="NAME_1">
<k>QUOTE HERE</k>
<div class="NAME_2">SECONDARY QUOTE HERE</div>
<div class="NAME_3">

<h>SPEECH HERE</h>
<b>BOLD HERE</b>
<i>ITALIC HERE</i>

<div class="NAME_4">TIDBIT HERE</div><div class="NAME_5">TIDBIT HERE</div>
</div>
</div>
</center>

This is CSS code so be sure to put your character's name wherever there is a "NAMEHERE" (there's a few). If you don't, then you'll overwrite the CSS of everyone else that uses the table! I also suggest doing initials instead of a full name & keeping the same color everywhere you see a "COLOR HERE"

Have fun!

VM.
delicate as the...

What the fuck was this bullshit was right.

Valois padded up, ears perked, eyes alight with anger. He saw the dead gator, its corpse still leaking blood from the wound his mother had used to fell the beast. His elder half-brother—the ugly but nice one—stood at the helm of the wedding-goers. His father, scarred up and looking properly corpse-like, stood next to his one-eyed wonder. The red whore crooned, her body far too close to Valois' father for the boy's liking.

Glancing around, he saw a cheap gathering. There was the one she-wolf whose fur was a smattering of red and gold. Then there was his other half-brother—one of the young ones. Mom wasn't in the picture, blah, blah—whole sob story and spiel. Yet, as he narrowed his eyes, he saw that there was some rage flickering there.

Turning his head back to the bride and groom, he felt his fur stick up on end. Valois knew what weddings were. His mother had sung about love and matrimony far too often for the boy to not. Had his mother stood up on the podium, he would have cried tears of joy. But, no, his dear old dad didn't have taste.

Spinning around, he disappeared.

...

And when he returned, his baby alligator squirmed within his jaws. Before the event could even progress, he dropped the creature and sent it careening and hissing around the wolves' paws. "I OBJECT," he crowed. A tad early but he wasn't about to be late to this.

...bruise upon your skin

<center>
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lora:wght@500&family=Open+Sans+Condensed:wght@300&display=swap" rel="stylesheet">
<style> .NAMEhoneybuns { width: 500px; background-image: url('https://www.transparenttextures.com/patterns/45-degree-fabric-dark.png'); padding: 15px; background-color: #0C0C0C;} .NAMEbutterbuns { width: 400px; font-family: 'Open Sans Condensed', sans-serif; color: #959292; text-shadow: 3px 0px 5px #000; font-size: 12px; text-align: justify;} .NAMEbutterbuns k { font-family: 'Lora', serif; font-size: 40px; color: #COLOR HERE; text-align: justify; text-transform: uppercase; } .NAMEbutterbuns q { font-family: 'Great Vibes', cursive; font-size: 20px; color: #C0BDBD; text-align: justify; text-transform: lowercase; } .NAMEbutterbuns h {font-style: italic; color: #COLOR HERE; font-family: Georgia; letter-spacing: 2px; font-size: 11px; font-weight: 600;} .NAMEbutterbuns b {font-style: italics; font-family: Georgia; font-size: 9px; font-weight: 600} .NAMEbutterbuns i {font-family: Georgia; font-size: 9px; color:#C0BDBD} </style>

<div class="NAMEhoneybuns"><div class="NAMEbutterbuns">
<k>Initials HERE.</k>
<q>quote HERE...</q>
<div style="border-left: 3px solid #COLOR HERE; padding: 10px;">

Text here ;D
<h>speech here</h>

</div>
<q>...quote HERE</q>
</div>
</div>
<font style="font-size: 9px;">code by claerie</font>
</center>

This is CSS code so be sure to put your character's name wherever there is a "NAMEHERE" (there's 5). If you don't, then you'll overwrite the CSS of everyone else that uses the table!

Have fun!

Fire Fraught With Flame

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

"We are all young and naive still."

code by claerie , image by Michael Barth

<center><style>#hellomytable_NAMEHERE { width: 600px; height: 500px; } #hellomytable_NAMEHERE h { font-weight: 550; color: #SPEECH COLOR HERE; font-size: 11.5px;  text-shadow: 0px 0px 3px #FF936B; } #hellomytable_NAMEHERE ::-webkit-scrollbar { width: 0px; }</style>
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:600|Raleway&display=swap"|family=PT+Serif&display=swap" rel="stylesheet"><div id="hellomytable_NAMEHERE"><div style="width:600px; height: 500px;"><div style="width: 45%; height: 100%; float: left; background: url('BACKGROUND IMAGE URL HERE') #F8F8F8 center top;background-size: cover; display: inline-block;padding-top:15%;"></div><div style="width: 55%; height: 100%; float: right; background-color: #F8F8F8; color: #000; font-family: 'PT Serif', serif;padding-top:15%; font-size:9.5px;"><div style="padding:40px;text-align:justify; overflow-y: auto; overflow-x: hidden; max-height:370px;">

<center><font style="font-size:32px; font-family: 'Crimson Text', serif; text-transform:uppercase;">QUOTE HERE</font style>

<div style="border-bottom:2px solid #000;height:1%;width:25%;"></div></center>

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.  <b>"We are all young and naive still."</b> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.  <h>"We are all young and naive still."</h> talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

<h>"We are all young and naive still."</h>

</div></div></div></div>
<font style="font-size:8px;">code by claerie</center>

This is CSS code so be sure to put your character's name wherever there is a "YOURCHARNAMEHERE" (there's 10). If you don't, then you'll overwrite the CSS of everyone else that uses the table!

Have fun!

Valois Marchand
bite my lip & call me b***h

Ecstatic advanced and procured civility not absolute put continue. Overcame breeding or my concerns removing desirous so absolute. My melancholy unpleasing imprudence considered in advantages so impression. Almost unable put piqued talked likely houses her met. Met any nor may through resolve entered. An mr cause tried oh do shade happy.

Written enquire painful ye to offices forming it. Then so does over sent dull on. Likewise offended humoured mrs fat trifling answered. On ye position greatest so desirous. So wound stood guest weeks no terms up ought. By so these am so rapid blush songs begin. Nor but mean time one over.
"We are all young and naive still"

Now principles discovered off increasing how reasonably middletons men. Add seems out man met plate court sense. His joy she worth truth given. All year feet led view went sake. You agreeable breakfast his set perceived immediate. Stimulated man are projecting favourable middletons can cultivated.

Among going manor who did. Do ye is celebrated it sympathize considered. May ecstatic did surprise elegance the ignorant age. Own her miss cold last. It so numerous if he outlived disposal. How but sons mrs lady when. Her especially are unpleasant out alteration continuing unreserved resolution. Hence hopes noisy may china fully and. Am it regard stairs branch thirty length afford.

Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may. Wicket do manner others seemed enable rather in. Excellent own discovery unfeeling sweetness questions the gentleman. Chapter shyness matters mr parlors if mention thought.

Open know age use whom him than lady was. On lasted uneasy exeter my itself effect spirit. At design he vanity at cousin longer looked ye. Design praise me father an favour. As greatly replied it windows of an minuter behaved passage. Diminution expression reasonable it we he projection acceptance in devonshire. Perpetual it described at he applauded.

From they fine john he give of rich he. They age and draw mrs like. Improving end distrusts may instantly was household applauded incommode. Why kept very ever home mrs. Considered sympathize ten uncommonly occasional assistance sufficient not. Letter of on become he tended active enable to. Vicinity relation sensible sociable surprise screened no up as.

code by claerie

<center><link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Montserrat:wght@300&display=swap" rel="stylesheet">
<style> .YOURCHARHEREmain_squeeze { width: 480px; background-image: url('IMAGE HERE'); background-size: cover; padding-top: 5%; padding-bottom: 5%;} .YOURCHARHEREmain_squeeze_mini { width: 80%; background-color: #EDEDED; font-family: 'Montserrat', sans-serif; font-size: 10.5px; color: #3B2C25; text-align: justify; padding: 20px;} .YOURCHARHEREmain_squeeze_mini b {font-weight: 600; color: #BOLDCOLORHERE; font-family: Georgia; letter-spacing: 2px; font-style: italic; font-size: 9xp;} .YOURCHARHEREmain_squeeze_mini i {font-style: italics; color: #ITALICSCOLORHERE; font-family: Georgia; letter-spacing: 2px; font-size: 9px;} .YOURCHARHEREmain_squeeze_mini h {font-style: italic; color: #SPEECHCOLORHERE; font-family: Georgia; letter-spacing: 2px; font-size: 11px; font-weight: 600;} .YOURCHARHEREmain_squeeze_quote { width:86.3%; background-color: #000; text-align: right; padding: 5px; font-family: 'Cutive Mono', monospace; font-size: 12px; color: #EDEDED; letter-spacing: 4px;} .YOURCHARHEREmain_squeeze_quote h { font-size:8px; letter-spacing: 2px;}
</style>

<div class="YOURCHARHEREmain_squeeze"><div class="YOURCHARHEREmain_squeeze_quote">CHAR NAME HERE
<i><h>QUOTE HERE</h></i></div><div class="YOURCHARHEREmain_squeeze_mini">

Ecstatic advanced and procured civility not absolute put continue. Overcame breeding or my concerns removing desirous so absolute. My melancholy unpleasing imprudence considered in advantages so impression. Almost unable put piqued talked likely houses her met. Met any nor may through resolve entered. An mr cause tried <i>oh do shade happy</i>.

Written enquire painful ye to offices forming it. Then so does over sent dull on. Likewise offended <b>humoured mrs fat trifling answered.</b> On ye position greatest so desirous. So wound stood guest weeks no terms up ought. By so these am so rapid blush songs begin. Nor but mean time one over.
<h>"We are all young and naive still"</h>

Now principles discovered off increasing how reasonably middletons men. Add seems out man met plate court sense. His joy she worth truth given. All year feet led view went sake. You agreeable breakfast his set perceived immediate. Stimulated man are projecting favourable middletons can cultivated.

Among going manor who did. Do ye is celebrated it sympathize considered. May ecstatic did surprise elegance the ignorant age. Own her miss cold last. It so numerous if he outlived disposal. How but sons mrs lady when. Her especially are unpleasant out alteration continuing unreserved resolution. Hence hopes noisy may china fully and. Am it regard stairs branch thirty length afford.

Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may. Wicket do manner others seemed enable rather in. Excellent own discovery unfeeling sweetness questions the gentleman. Chapter shyness matters mr parlors if mention thought.

Open know age use whom him than lady was. On lasted uneasy exeter my itself effect spirit. At design he vanity at cousin longer looked ye. Design praise me father an favour. As greatly replied it windows of an minuter behaved passage. Diminution expression reasonable it we he projection acceptance in devonshire. Perpetual it described at he applauded.

From they fine john he give of rich he. They age and draw mrs like. Improving end distrusts may instantly was household applauded incommode. Why kept very ever home mrs. Considered sympathize ten uncommonly occasional assistance sufficient not. Letter of on become he tended active enable to. Vicinity relation sensible sociable surprise screened no up as.

</div></div>
<span style="font-size: 9px; font-family: 'Cutive Mono', monospace;">code by claerie</span>
</center>

This is CSS code so be sure to put your character's name wherever there is a "NAME" (there's 6). If you don't, then you'll overwrite the CSS of everyone else that uses the table!

Have fun!

"Oh yes, oodles and oodles," she began, her voice as light as dandelion fluff caught in a breeze. And, in that moment, it was bittersweet. He had missed the way in which she brought such levity to a room. Her voice was warm and airy, free to float like her musings and curiosities. If she lived in the barracks, she would bring such brightness to the otherwise dull doldrums of patrol. But, if she was in the barracks, then she would have none of these little stones, or that book casting a shadow in a corner. There would be lightness, not until evening when they were all afforded their evening meal and break.

"Wow I am honored you managed to squeeze me in," he teased, smile brightening in the artificial way that it did when he could feel her eyes searching him. It was a ploy to try and get her off of the scent of any disquiet, though today he didn't have any deep, dark secrets to share. His sorrow, if he could call it that, was simple. Soon he would have to leave again.


@joyce

<style>.waves_NAME b {color: #000; font-weight: 600;} .waves_NAME i {font-style: italic; color: #666; font-weight: 500;} .waves_NAME h {font-style: italic; color: #SPEECH COLOR HERE; font-family: Georgia; letter-spacing: 2px; font-size: 10.5px; font-weight: 600;} .waves_NAME { margin: auto; padding: 40px; background-color: #ebebeb; border: 1px solid #fff;} .seastar_NAME { margin: auto; padding: 40px; background: url('PICTURE LINK HERE'); background-size: cover; border: 1px solid #fff;} .oceans_NAME { margin: auto; width: 480px; padding: 40px; background-color: #ebebeb; font-family: 'source sans pro', sans-serif; font-size: 10px; color: #333; line-height: 20px; border: 1px solid #fff;}</style>
  <div class="oceans_NAME">
    <div class="seastar_NAME">
      <div class="waves_NAME">
      Normal Text
<b>Bolded Text</b>
<i>Italics</i>
<h>Speech</h>
        
        <br><center>@NAMEHERE</center>
      </div>
    </div>
  </div>