Jan. 5th, 2020

[ code ] profile / information sheet

Jan. 5th, 2020 07:00 pm
laenavesse: (Default)
[personal profile] laenavesse
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:
§
§
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
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.
EXTRA SECTION
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.




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
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.
PLAYER
PLAYER:
PLURK: @PLURKHANDLE.plurk.com
DISCORD: stuffwithnumbers
TIMEZONE:
§




Under the cut are four header codes, including the default one. To replace the header code, replace everything between the <!-- HEADER --> and <!-- END HEADER --> 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 ❞
§
LOREM IPSUM DOLOR
SIT AMET
❝ v2: double image + ribbon header ❞
§
❝ 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 [personal profile] laenavesse @ [community profile] efryndiel. Let me know if you have any problems or any other comments!
Tags:
OSZAR »