efryndiel | Entries tagged with -info sheet

profile sheet

AGE:

GENDER:

HEIGHT:

RACE:

PLAYER:

USERNAME

ACTIVE:

game, MEMES

CHARACTER NAME

CANON

ABOUT

CANON POINT: All of these fields are optional, so can add, remove, and edit however you want!
VISUAL: Here is a formatted link you can have so it's not the default link color. Oooh aaah.
BUILD: The "About" page has full character details and history bio at the bottom
HAIR: The whole layout will dynamically resize for smaller screens, and can work as a splash page.
EYES: Navigation is at the bottom, add and remove link buttons as needed. They're all just templates.
FEATURES:
ATTIRE:
WEAPONS:
VOICE:

ORIGINS:
FAMILY:
RELATIONSHIPS:
OCCUPATION:

HISTORY: Whatever blurb you want. Maybe you want to use some cut text to save space?

Have a cut tag.

And now you can dump your spoilers.

EXTRA SECTION: BLURB BLURB

PERSONALITY

ALIGNMENT: This is all just a bunch of random characterization stuff
ATTITUDE:
VIRTUES:
VICES:
QUIRKS:
LIKES:
DISLIKES:
HOBBIES:

FIRST IMPRESSIONS: BLURB BLURB

MOTIVATIONS: BLURB BLURB

FLAWS: BLURB BLURB

EXTRA: BLURB BLURB

ABILITIES

CLASS:
WEAPONS:
INVENTORY:
STRENGTH: Really getting D&D here—
DEXTERITY:
CONSTITUTION:
INTELLIGENCE:
WISDOM:
CHARISMA:

SKILLS: BLURB BLURB

EXTRA SECTION: BLURB BLURB

PERMISSIONS

BACKTAGGING: Replace and add whatever you need!
THREADHOPPING:
FOURTHWALLING:
ROMANCE:
MINDREADING:
MANIPULATION:
FIGHTING:
INJURY:
KILLING:

Feel free to contact for more information and plotting!

PREFERENCES

MEMES: Or turn this into a kink list. Or add a kink list section.
PSLS:
AUS:
CONTENT:
DO NOT WANT:
SHIPPING:
DYNAMICS:
MAIN PAIRINGS:
TAG STYLE:
TAG SPEED:

EXTRA

FIELD: This is just a preformatted extra section that you can use however you wish. Could be for a kink list, some game info, character's inventory, whatever you want! Just make sure to change the a name="extra" to match the link in the navigation.
FIELD:
FIELD:
FIELD:
FIELD:

FIELD:

<raw-code><div style="margin: 25px auto; max-width: 800px; min-width: 465px; display: flex; flex-wrap: wrap; justify-content: center; font-family: trebuchet ms, sans-serif;  font-size: 12px;">

<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>AGE:</b> </div>
<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>GENDER:</b> </div>
<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>HEIGHT:</b> </div>
<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>RACE:</b> </div>
<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>PLAYER:</b> <user name="USERNAME" site="plurk.com"></div>
<div style="background: #ebe6da; border-left: 5px solid #3e2f22; padding: 2px 5px;"><b>ACTIVE:</b> <user name="GAME">, MEMES</div>
</div>

<div style="margin-left: 20px; width: calc(100% - 220px); display: flex; flex-flow: column wrap; text-align: justify;">

<div style="max-width: 500px; height: 40px; clip-path: polygon(0% 0%, 100% 0, 95% 50%, 100% 100%, 0% 100%); background: #5a1915; height: 40px; font-family: baskerville, serif; font-size: 18px; color: #e5e0c8; line-height: 2.2; text-transform: uppercase; text-align: center;">CHARACTER NAME</div>
<div style="max-width: 400px; height: 20px; clip-path: polygon(0% 0%, 100% 0, 95% 50%, 100% 100%, 0% 100%); background: #f4e5c1; font-family: baskerville, serif; font-size: 14px; color: #3e2f22; line-height: 1.6; text-transform: uppercase; text-align: center;">CANON</div>

<div style="margin-top: 10px; width: 100%; height: 450px; overflow: hidden; background: #f9f7f4; background: url(https://i.imgur.com/WrZOEpW.jpg); background-size: cover; border: 1px solid #3e2f22;">

<a name="about" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">ABOUT</div>

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">VISUAL:</b> <a href="URL" style="text-decoration: none; color: #5a1915;">LINK</a>
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; padding: 2px 5px;">BUILD:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; padding: 2px 5px;">FEATURES:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; padding: 2px 5px;">ATTIRE:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; padding: 2px 5px;">WEAPONS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; padding: 2px 5px;">VOICE:</b> 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">ORIGINS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FAMILY:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">RELATIONSHIPS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">OCCUPATION:</b> 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">HISTORY:</b> BLUR BLURB 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">EXTRA SECTION:</b> BLURB BLURB
</div>
</div>

<a name="personality" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">PERSONALITY</div>

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">ATTITUDE:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">VIRTUES:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">VICES:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">QUIRKS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">LIKES:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">DISLIKES:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">HOBBIES:</b> 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIRST IMPRESSIONS:</b> BLURB BLURB
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">MOTIVATIONS:</b> BLURB BLURB
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FLAWS:</b> BLURB BLURB
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">EXTRA:</b> BLURB BLURB
</div>
</div>

<a name="abilities" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">ABILITIES</div>

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">WEAPONS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">INVENTORY:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">STRENGTH:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">DEXTERITY:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">CONSTITUTION:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">INTELLIGENCE:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">WISDOM:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">CHARISMA:</b> 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">SKILLS:</b> BLURB BLURB
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">EXTRA SECTION:</b> BLURB BLURB
<br /><br />

</div>
</div>

<a name="permissions" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">PERMISSIONS</div>

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">THREADHOPPING:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FOURTHWALLING:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">ROMANCE:</b>
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">MINDREADING:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">MANIPULATION:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIGHTING:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">INJURY:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">KILLING:</b> 
<br /><br />

Feel free to contact for more information and plotting!
</div>
</div>

<a name="prefs" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">PREFERENCES</div>

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">CONTENT:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">SHIPPING:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">DYNAMICS:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">MAIN PAIRINGS:</b>
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">TAG STYLE:</b> 
<br />

<b style="display: inline-block;margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">TAG SPEED:</b> 
</div>
</div>

<a name="extra" style="height: 0; font-size: 0px;"></a>
<div style="height: 100%; padding: 5px 10px 10px;"><div style="height: 30px; font-family: palatino, serif; font-size: 18px; line-height: 1.4; border-bottom: 1px solid #3e2f22; text-align: center; text-shadow: 1px 1px 6px #807b69;">EXTRA</div>

<div style="margin-top: 10px; height: calc(100% - 45px); overflow: auto; padding: 10px; box-sizing: border-box; scrollbar-color: #4e4339 #bea792;">
<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIELD:</b> This is just a preformatted extra section that you can use however you wish. Could be for a kink list, some game info, character's inventory, whatever you want! Just make sure to change the <b>a name="extra"</b> to match the link in the navigation.
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIELD:</b> 
<br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIELD:</b> 
<br /><br />

<b style="display: inline-block; margin-top: 5px; border-left: 5px solid #3e2f22; line-height: 1.5; padding: 2px 5px;">FIELD:</b> 
</div>
</div>

</div>

<div style="min-width: 200px; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; font-size: 10px; ">

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#about" style="text-decoration: none; color: #f4e5c1;">about</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#personality" style="text-decoration: none; color: #f4e5c1;">personality</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#abilities" style="text-decoration: none; color: #f4e5c1;">abilities</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#permissions" style="text-decoration: none; color: #f4e5c1;">permissions</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#prefs" style="text-decoration: none; color: #f4e5c1;">prefs</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #3e2f22; line-height: 1.5; text-transform: uppercase; text-align: center; padding: 2px 15px; box-sizing: border-box;"><a href="#extra" style="text-decoration: none; color: #f4e5c1;">extra</a></div>

</div>

<div style="min-width: 200px; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; font-size: 10px; text-transform: uppercase; text-align: center; ">
<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #f4e5c1; line-height: 1.5; padding: 2px 15px; box-sizing: border-box;"><a href="URL" style="text-decoration: none; color: #3e2f22;">inbox</a></div>

<div style="height: 20px; clip-path: polygon(0 15%, 5% 15%, 5% 0, 95% 0, 95% 15%, 100% 15%, 100% 85%, 95% 85%, 95% 100%, 5% 100%, 5% 85%, 0 85%); background: #f4e5c1; line-height: 1.5; padding: 2px 15px; box-sizing: border-box;"><a href="https://efryndiel.dreamwidth.org/10342.html" style="text-decoration: none; color: #3e2f22;">code</a></div>

</div>

</div>
</div></raw-code>

( instructions )

Tags:

profile sheet

LOREM IPSUM DOLOR

SIT AMET

❝ something fancy quote i guess or something there's quite a bit of space ❞

CHARACTER

NAME: Can remove if written in the header
CANON:
AGE:
DOB: (OPTIONAL)
GENDER:
SPECIES: (OPTIONAL; useful if non-human)
ACTIVE: (OPTIONAL; useful if in games or primarily in memes, etc.)

DETAILS

VISUAL: Link
HEIGHT:
BUILD:
HAIR:
EYES:
FEATURES: Any notable features that the character may have that other characters may notice or should be mentioned
ATTIRE:
INVENTORY: (OPTIONAL) whatever other items they may constantly carry
WEAPONS: (OPTIONAL)
VOICE: (OPTIONAL)

BACKGROUND

HOME:
FAMILY:
OCCUPATION:
IN-DEPTH: Link (OPTIONAL: if included in the bottom section, read more)
BLURB: OPTIONAL; write a brief at a glance blurb
EXTRA: FREEBIE FIELD

PERSONALITY

ALIGNMENT:
ATTITUDE:
QUIRKS:
LIKES:
DISLIKES:
VIRTUES:
VICES:
HOBBIES:

IN-DEPTH: Link (OPTIONAL: if included in the bottom section, read more)
BLURB: Brief at at a glance blurb

ABILITIES

CLASS:
WEAPONS:
STRENGTH:
DEXTERITY:
CONSTITUTION:
INTELLIGENCE:
WISDOM:
CHARISMA:
SKILLS: Link or BLURB (OPTIONAL: if included in the bottom section, read more)

PERMISSIONS

BACKTAGGING: ✔✘
THREADHOPPING: ✔✘
FOURTHWALLING: ✔✘
ROMANCE: ✔✘
MINDREADING: ✔✘
MANIPULATION: ✔✘
INJURY: ✔✘
FIGHTING: ✔✘
KILLING: ✔✘

PREFERENCES

MEMES:
PSLS:
AU TYPES:
CONTENT TYPE:
DO NOT WANT:
SHIPPING:
MAIN PAIRINGS:
TAG STYLE: [ brackets ]; prose; both
TAG SPEED: average estimate on what to expect tag turn around; ex. once a day, a few times a week, mostly night, timezone, etc.

GAME

It's basically an extra box, but this is an example box of how to use if a character is in a game. Fields can be changed however to match the needs of the game, just threw in a random list that could be used anywhere.

POINT TAKEN:
ARRIVAL: Date entered the game
RESIDENCE:
OCCUPATION:
INVENTORY:
CHANGES: Any game specific changes (could warrant own fields)
RELATIONSHIP: if dating someone or something
APPLICATION: Link

CREDITS

LAYOUT: Link
ARTWORK: (OPTIONAL) if you use any fanart anywhere or in the header: Link
CODE: laenavesse @ efryndiel

PLAYER

PLAYER:
PLURK: @PLURKHANDLE.plurk.com
DISCORD: stuffwithnumbers
TIMEZONE:

link

HISTORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at placerat elit, mattis condimentum justo. Praesent arcu urna, euismod at laoreet eu, elementum quis lorem. Pellentesque maximus tincidunt quam, a pretium leo sollicitudin nec. Vestibulum pretium eu nulla commodo bibendum. Morbi nec risus in velit luctus varius sit amet vel est. In quis risus tempus, egestas tellus sit amet, maximus augue. Vivamus vulputate in ligula in tempor. Suspendisse aliquam augue ante, eget mattis justo imperdiet sit amet. Pellentesque et mollis metus. Curabitur aliquam ligula vel tellus mollis, at euismod nunc posuere. Proin lectus mi, commodo a porttitor in, viverra eget augue. Proin in purus eget tellus porttitor pharetra eu condimentum eros. Nulla vel ultricies sapien.

Morbi sem urna, placerat ac lacus id, feugiat placerat magna. In augue tellus, vehicula a tempor ullamcorper, varius non orci. Suspendisse sollicitudin urna nec tempor sodales. Maecenas venenatis, magna at rhoncus faucibus, diam neque dapibus lacus, quis fermentum urna enim vel felis. Ut vulputate quam vitae diam tempus, vitae porta magna auctor. Donec pretium rhoncus mauris, nec ultricies eros finibus in. Fusce facilisis ullamcorper ante. Sed ultrices nisl ut luctus bibendum. Sed in nulla eu ante auctor vulputate quis at nulla. Quisque feugiat libero et lorem convallis, id suscipit nisl lobortis. Proin eu libero eu quam rutrum aliquet quis id enim. Sed bibendum imperdiet dignissim. Mauris finibus mauris ac nibh eleifend, a suscipit dui porta. Sed maximus vehicula aliquet. Phasellus a lectus sed magna blandit fringilla. Nullam quis mi hendrerit, laoreet ex eu, tincidunt leo.

Praesent lorem diam, faucibus quis dignissim quis, varius eu mauris. Sed id nisl ut tortor euismod molestie eu vel erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam vel egestas orci. Vivamus nec metus quam. Vivamus iaculis purus sed porta interdum. Nunc dignissim erat vel sem tempus convallis quis vitae justo. Proin ultricies lacus quis quam ultrices consequat. Nunc viverra odio nec ligula sollicitudin aliquam. Duis id pretium ipsum, sed euismod quam. Etiam vehicula quam nulla, vitae ullamcorper lacus sagittis luctus. Cras egestas tellus eu ex tincidunt dapibus. Quisque elementum, odio vitae consequat lobortis, justo ex iaculis odio, quis dignissim mauris massa a dui. Sed vestibulum tristique volutpat. Praesent varius dui a felis commodo, eget malesuada orci rutrum. In dapibus turpis leo, ut ultrices eros accumsan vestibulum.

PERSONALITY

EXTRA SECTION

<raw-code>
<div style="margin: 50px auto; width: 800px; display: flex; flex-direction: column; justify-content: center; font-family: verdana, sans-serif; font-size: 8.5pt;">

<div style="margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; font-family: palatino, serif; font-size: 16pt; text-align: center;">

<div style="margin: auto; background-color: #eee6d6; width: 700px; height: 40px; clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%); border: 1px solid #c2b59f; padding: 0 15px 0 25px;">
</div>

<div style="margin: auto; margin-top: -75px; width: 100%; padding: 0 20px 0 20px; display: flex; justify-content: space-evenly; z-index: 1;  color: #3e2f22; line-height: 1.9;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-left: 30px; overflow: hidden;">LEFT RIBBON TEXT</span>

<img src="IMAGEURL" style="background: #eee6d6; border: 2px solid #84704e; border-radius: 50%; padding: 5px;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-right: 30px; overflow: hidden;">RIGHT RIBBON TEXT</span>
</div>

<span style="display: block; margin-top: 20px; width: 90%; color: #a0705b;"><i>❝ something fancy quote i guess or something there's quite a bit of space ❞</i></span>

</div>

<div style="margin: auto; width: 100%; display: flex; flex-wrap: wrap;">
<div style="width: 365px;">
<hr style="width: 365px; height: 30px; border-style: double; border-color: #827662; border-width: 0 0 4px 0; border-bottom-left-radius: 20px;">
<hr style="margin-top: -20px; width: 365px; height: 30px; border-style: double; border-color: #827662; border-width: 4px 0 0 0; border-top-left-radius: 20px;">
</div>

<div style="margin: auto; width: 100%; display: flex; justify-content: center;">

<div style="box-sizing: content-box; width: 355px; border-right: 4px double #827662; padding-right: 25px;">

<span style="display: block; width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #3e2f22; text-align: center; line-height: 1.6; border: 1px solid #827662;">CHARACTER</span>

<span style="color: #804024; letter-spacing: 0.18em;">
NAME:</span> Can remove if written in the header
<br /><span style="color: #804024; letter-spacing: 0.18em;">CANON:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">AGE:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">DOB:</span> (OPTIONAL)
<br /><span style="color: #804024; letter-spacing: 0.18em;">GENDER:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">SPECIES:</span> (OPTIONAL; useful if non-human) 
<br /><span style="color: #804024; letter-spacing: 0.18em;">ACTIVE:</span> (OPTIONAL; useful if in games or primarily in memes, etc.) 
</div>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">DETAILS</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">VISUAL:</span> <a href="IMGURL" style="color: #895e0a; text-decoration: none;">Link</a>
<br /><span style="color: #804024; letter-spacing: 0.18em;">HEIGHT:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">BUILD:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">HAIR:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">EYES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">FEATURES:</span> Any notable features that the character may have that other characters may notice or should be mentioned
<br /><span style="color: #804024; letter-spacing: 0.18em;">ATTIRE:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">INVENTORY:</span> (OPTIONAL) whatever other items they may constantly carry
<br /><span style="color: #804024; letter-spacing: 0.18em;">WEAPONS:</span> (OPTIONAL)
<br /><span style="color: #804024; letter-spacing: 0.18em;">VOICE:</span> (OPTIONAL)
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">BACKGROUND</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">HOME:</span>
<br /><span style="color: #804024; letter-spacing: 0.18em;">FAMILY:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">OCCUPATION:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">IN-DEPTH:</span> <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a> (OPTIONAL: if included in the bottom section, <a href="#bio" style="color: #895e0a; text-decoration: none;">read more</a>)
<br /><span style="color: #804024; letter-spacing: 0.18em;">BLURB:</span> OPTIONAL; write a brief at a glance blurb
<br /><span style="color: #804024; letter-spacing: 0.18em;">EXTRA:</span> FREEBIE FIELD
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">PERSONALITY</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">ALIGNMENT:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">ATTITUDE:</span>
<br /><span style="color: #804024; letter-spacing: 0.18em;">QUIRKS:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">LIKES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">DISLIKES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">VIRTUES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">VICES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">HOBBIES:</span> 
<br /><br /><span style="color: #804024; letter-spacing: 0.18em;">IN-DEPTH:</span> <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a> (OPTIONAL: if included in the bottom section, <a href="#personality" style="color: #895e0a; text-decoration: none;">read more</a>)
<br /><span style="color: #804024; letter-spacing: 0.18em;">BLURB:</span> Brief at at a glance blurb
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">ABILITIES</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">CLASS:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">WEAPONS:</span>
<br /><span style="color: #804024; letter-spacing: 0.18em;">STRENGTH:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">DEXTERITY:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">CONSTITUTION:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">INTELLIGENCE:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">WISDOM:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">CHARISMA:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">SKILLS:</span> <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a> or BLURB (OPTIONAL: if included in the bottom section, <a href="#abilities" style="color: #895e0a; text-decoration: none;">read more</a>)
</div>
</details>

</div>

<div style="box-sizing: content-box; width: 355px; margin-left: 25px;">

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">PERMISSIONS</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">BACKTAGGING:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">THREADHOPPING:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">FOURTHWALLING:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">ROMANCE:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">MINDREADING:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">MANIPULATION:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">INJURY:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">FIGHTING:</span> ✔✘
<br /><span style="color: #804024; letter-spacing: 0.18em;">KILLING:</span> ✔✘
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">PREFERENCES</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">MEMES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">PSLS:</span>
<br /><span style="color: #804024; letter-spacing: 0.18em;">AU TYPES:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">CONTENT TYPE:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">DO NOT WANT:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">SHIPPING:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">MAIN PAIRINGS:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">TAG STYLE:</span> <small>[ brackets ]</small>; prose; both
<br /><span style="color: #804024; letter-spacing: 0.18em;">TAG SPEED:</span> average estimate on what to expect tag turn around; ex. once a day, a few times a week, mostly night, timezone, etc.
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">GAME</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">POINT TAKEN:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">ARRIVAL:</span> Date entered the game
<br /><span style="color: #804024; letter-spacing: 0.18em;">RESIDENCE:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">OCCUPATION:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">INVENTORY:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">CHANGES:</span> Any game specific changes (could warrant own fields)
<br /><span style="color: #804024; letter-spacing: 0.18em;">RELATIONSHIP:</span> if dating someone or something</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">APPLICATION:</span> <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a>
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<details><summary style="width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">CREDITS</span></summary>

<span style="color: #804024; letter-spacing: 0.18em;">LAYOUT:</span> <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">ARTWORK:</span> (OPTIONAL) if you use any fanart anywhere or in the header: <a href="LINK" style="color: #895e0a; text-decoration: none;">Link</a>
<br /><span style="color: #804024; letter-spacing: 0.18em;">CODE:</span> laenavesse @ <a href="https://efryndiel.dreamwidth.org/7233.html" style="color: #895e0a; text-decoration: none;">efryndiel</a>
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<span style="display: block; width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #3e2f22; text-align: center; line-height: 1.6; border: 1px solid #827662;">PLAYER</span>

<span style="color: #804024; letter-spacing: 0.18em;">PLAYER:</span> 
<br /><span style="color: #804024; letter-spacing: 0.18em;">PLURK:</span> @PLURKHANDLE.plurk.com
<br /><span style="color: #804024; letter-spacing: 0.18em;">DISCORD:</span> stuffwithnumbers
<br /><span style="color: #804024; letter-spacing: 0.18em;">TIMEZONE:</span> 
</div>

</div>

</div>

<div style="width: 100%; display: flex; justify-content: center; flex-wrap: wrap;">
<div style="background-color: #f8efdb; width: 100px; height: 20px; clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%); border: 1px solid #c2b59f; text-align: center; line-height: 1.5;">
<a href="URL" style="color: #895e0a; text-decoration: none;">link</a>
</div>

<div style="margin: auto; width: 700px;">

<a name="bio"></a><details><summary style="width: 100%; background: #f2ece1; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">HISTORY</span></summary>

Blurb/write-up for character history info. At least enough so that other players can know a bit about the character's canon/history. (Use <br /> for single breaks and <p> for paragraph blocks.)
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<a name="personality"></a><details><summary style="width: 100%; background: #f2ece1; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">PERSONALITY</span></summary>

Blurb/write-up for character personality. (Use <br /> for single breaks and <p> for paragraph blocks.)
</div>
</details>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<a name="sectionname"></a><details><summary style="width: 100%; background: #f2ece1; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #895e0a; text-align: center; line-height: 1.6; border: 1px solid #827662; cursor: pointer;"><span style="color: #3e2f22;">EXTRA SECTION</span></summary>

Freebie extra section for any other write-ups or details you want to include. (Use <br /> for single breaks and <p> for paragraph blocks.)
</div>
</details>

</div>

</div>
</raw-code>

quick nav

This is a shorter version of the main code for those who may want a simple "navigation" entry. It's very basic and you can add in more boxes by following the instructions at the end of this entry. NOTE: code uses default header, but alternate header is available.

LOREM IPSUM DOLOR

SIT AMET

❝ a smaller at a glance version using an alternate header ❞

CHARACTER

NAME: Can remove if written in the header
CANON:
AGE:
DOB: (OPTIONAL)
GENDER:
SPECIES: (OPTIONAL; useful if non-human)
ACTIVE: (OPTIONAL; useful if in games or primarily in memes, etc.)

PERMISSIONS

BACKTAGGING: ✔✘
THREADHOPPING: ✔✘
FOURTHWALLING: ✔✘
ROMANCE: ✔✘
MINDREADING: ✔✘
MANIPULATION: ✔✘
INJURY: ✔✘
FIGHTING: ✔✘
KILLING: ✔✘

PREFERENCES

PLAYER

PLAYER:
PLURK: @PLURKHANDLE.plurk.com
DISCORD: stuffwithnumbers
TIMEZONE:

link

<raw-code>
<div style="margin: 50px auto; width: 800px; display: flex; flex-direction: column; justify-content: center; font-family: verdana, sans-serif; font-size: 8.5pt;">

<div style="margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; font-family: palatino, serif; font-size: 16pt; text-align: center;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-left: 30px; overflow: hidden;">LEFT RIBBON TEXT</span>

<img src="IMAGEURL" style="background: #eee6d6; border: 2px solid #84704e; border-radius: 50%; padding: 5px;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-right: 30px; overflow: hidden;">RIGHT RIBBON TEXT</span>
</div>

<span style="display: block; margin-top: 20px; width: 90%; color: #a0705b;"><i>❝ quote text ❞</i></span>

</div>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<span style="display: block; width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #3e2f22; text-align: center; line-height: 1.6; border: 1px solid #827662;">PERMISSIONS</span>

</div>

<div style="box-sizing: content-box; width: 355px; margin-left: 25px;">

<span style="display: block; width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #3e2f22; text-align: center; line-height: 1.6; border: 1px solid #827662;">PREFERENCES</span>

<div style="width: 4px; height: 20px; margin: auto; border-right: 4px double #827662;"></div>

<span style="display: block; width: 100%; background: #e4e0d8; border-radius: 25px; font-family: palatino, serif; font-size: 16pt; color: #3e2f22; text-align: center; line-height: 1.6; border: 1px solid #827662;">PLAYER</span>

</div>

</div>

</div>
</raw-code>

Under the cut are four header codes, including the default one. To replace the header code, replace everything between the  and  text. Really you can put anything in here, these are just samples so you can use them as templates and edit however you want!

alternate headers

LOREM IPSUM DOLOR

SIT AMET

❝ v1: single image + ribbon header ❞

<div style="margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; font-family: palatino, serif; font-size: 16pt; text-align: center;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-left: 30px; overflow: hidden;">LEFT RIBBON TEXT</span>

<img src="IMAGEURL" style="background: #eee6d6; border: 2px solid #84704e; border-radius: 50%; padding: 5px;">

<span style="margin-top: 33px; display: block; width: 250px; height: 40px; padding-right: 30px; overflow: hidden;">RIGHT RIBBON TEXT</span>
</div>

<span style="display: block; margin-top: 20px; width: 90%; color: #a0705b;"><i>❝ quote text ❞</i></span>

</div>

LOREM IPSUM DOLOR

SIT AMET

❝ v2: double image + ribbon header ❞

<div style="margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; font-family: palatino, serif; font-size: 16pt; text-align: center; line-height: 1.9;">

<div style="background-color: #eee6d6; width: 275px; height: 40px; clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%); border: 1px solid #c2b59f; overflow: hidden; padding: 0 25px 0 25px;">
<span style="display: block; margin-left: 15px; width: 220px;">RIGHT TEXT</span>
</div>

</div>

<div style="margin-top: -78px; width: 100%; padding: 0 20px 0 20px; text-align: center; z-index: 1;">
<img src="LEFTIMAGEURL" style="background: #eee6d6; border: 2px solid #84704e; border-radius: 0 35% 0 35%; padding: 5px;"> <img src="RIGHTIMAGEURL" style="background: #eee6d6; border: 2px solid #84704e; border-radius: 35% 0 35% 0; padding: 5px;">
</div>

<span style="display: block; margin-top: 15px; width: 90%; color: #a0705b;"><i>❝ quote text ❞</i></span>

</div>

❝ v3: single image no ribbon header ❞

❝ v4: multiple images no ribbon header ❞

code instructions

❖ It's a pretty straightforward, but thorough, profile sheet. Each box is a category and adding or removing boxes is very easy. There is always a "SEPERATOR" between boxes and a "DIVIDER" between sections. For a live example, look here.
❖ The colors are:

#eee6d6: ribbon background
#c2b59f: ribbon border
#3e2f22: ribbon text; § color; cateogry text
#f2ece0: link ribbon background
#84704e: image border
#827662: hr color; § shadow ; box border
#e4e0d8: small box header background
#f2ece1: in-depth header box background
#f7f6f3: box background
#804024: field text
#895e0a: link color; summary arrow color

❖ Ribbon text will automatically be hidden if too long. You can leave the ribbon text empty if you'd prefer it blank, it's mostly there as a template. Same goes for the long quote, you can leave it blank or completely delete that portion if you don't need it.
❖ The § is used, but any symbol could work in its place.
❖ The code has five ribbons for the links, but more can be added or removed.
❖ A note about the images for the header: for the ribbon ones, it's best to stick with 100x100 whether it's the userpic or a static image. For the ribbonless ones, it can be whatever. By default it's set to turn into a circle, but changing (or just removing) the border-radius values can give it a different shape.
❖ Info text is set to "justify" align, but if the spacing between words gets too weird change it "left".

❖ To add a collapsing box, add the following code (includes the seperator between boxes):

❖ To add a static box, add the following code (includes the seperator code between boxes):

❖ To add an extra in-depth box, add the following code (includes the seperator code between boxes):

❖ Credit code is provided, but all goes to

laenavesse @

efryndiel. Let me know if you have any problems or any other comments!

Tags:

*code,
-info sheet

v1. one row

(full view)

<center><table style="min-width: 800px; font-family: calibri; font-size: 10.5pt; border-collapse: separate; border-spacing: 10px 10px;">

<tr><td colspan="3" style="padding-bottom: 20px;"><center><img src="IMAGE1URL"> <img src="IMAGE2URL"> <img src="IMAGE3URL">

<span style="font-family: bodini mt; font-size: 24pt; color: #1f1c1e; font-style: italic; font-weight: bold;">TITLE WORDS, QUOTE, OR NAME</span>
<span style="font-family: century gothic; font-size: 11pt; color: #BC600F; letter-spacing: 0.3em;">SUBTITLE WORDS, QUOTE, SOMETHING</span></center>
<hr style=" border: 0; height: 2px; background-image: linear-gradient(to right, rgba(85, 81, 79, 0), rgba(85, 81, 79, 0.75), rgba(85, 81, 79, 0));"></td></tr>

<tr><td style="vertical-align: top; min-width: 25%; border: 2px solid #c2c1be;"><center><span style="font-family: century gothic; font-size: 18pt; color: #1f1c1e; letter-spacing: 0.1em;">BASIC</span></center>
<table><tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">NAME:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">CANON:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">AGE:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">DOB:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">GENDER:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">SPECIES:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">ACTIVE:</td>
<td>SUGGESTIONS: <user name="GAME">, PSL, Memes</td></tr>

<tr><td><br /></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">PLAYER:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">PLURK:</td>
<td><user name="USERNAME" site="plurk.com"></td></tr>
</table></td>

<td style="vertical-align: top; min-width: 50%; border: 2px solid #c2c1be;"><center><span style="font-family: century gothic; font-size: 18pt; color: #1f1c1e; letter-spacing: 0.1em;">APPEARANCE</span></center>
<table><tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">VISUAL:</td>
<td><a href="IMAGEURL" style="text-decoration: none; color: #bc600f;">Link</a></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">HEIGHT:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">BUILD:</td>
<td>CAN USE WORDS OR A LINK: <a href="IMAGEURL" style="text-decoration: none; color: #bc600f;">STUFF</a></td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">HAIR:</td>
<td>STUFF</td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">EYES:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">FEATURES:</td>
<td>ANY EXTRA FEATURES LIKE SCARS, TATTOOS, WEIRD MARKINGS, ETC.</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">DRESS:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">VOICE:</td>
<td>STUFF</td></tr>

<tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">PB:</td>
<td>STUFF</td></tr>
</table></td>

<td style="vertical-align: top; border: 2px solid #c2c1be;"><center><span style="font-family: century gothic; font-size: 18pt; color: #1f1c1e; letter-spacing: 0.1em;">PERMISSIONS</span></center>
<table>
<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">BACKTAGGING:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">THREADHOPPING:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">FOURTHWALLING:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">ROMANCE:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">MINDREADING:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">MANIPULATION:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">INJURY:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">FIGHTING:</td>
<td>✔<font color="red">✘</font></td></tr>

<tr><td style="font-family: century gothic; color: #804024; letter-spacing: 0.1em;">KILLING:</td>
<td>✔<font color="red">✘</font></td></tr></table><center>feel free to contact for details</center></td></tr>
</table></center>

v2. multiple rows

(full view)

default

<center><table style="min-width: 800px; font-family: calibri; font-size: 10.5pt; border-collapse: separate; border-spacing: 10px 10px;">

<tr><td colspan="3" style="padding-bottom: 20px;"><center><img src="IMAGE1URL"> <img src="IMAGE2URL"> <img src="IMAGE3URL">

<span style="font-family: bodini mt; font-size: 24pt; color: #1f1c1e; font-style: italic; font-weight: bold;">TITLE WORDS, QUOTE, OR NAME</span>
<span style="font-family: century gothic; font-size: 11pt; color: #bc600f; letter-spacing: 0.3em;">SUBTITLE WORDS, QUOTE, SOMETHING</span></center>
<hr style=" border: 0; height: 2px; background-image: linear-gradient(to right, rgba(85, 81, 79, 0), rgba(85, 81, 79, 0.75), rgba(85, 81, 79, 0));"></td></tr>

<tr><td style="vertical-align: top; min-width: 25%; border: 2px solid #c2c1be;"><center><span style="font-family: century gothic; font-size: 18pt; color: #1f1c1e; letter-spacing: 0.1em;">BASIC</span></center>
<table><tr><td style="vertical-align: top; font-family: century gothic; color: #804024; letter-spacing: 0.1em;">NAME:</td>
<td>STUFF</td></tr>