Tessisamess

Previous | Next

Biosheet: Everything





This is a little quote my character said, or maybe it's a song lyric—who knows!
HISTORY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sagittis pulvinar diam in varius. Sed lectus erat, posuere a bibendum ultrices, adipiscing nec mi. Aliquam a orci id massa tempus euismod. Nulla est orci, bibendum et rutrum varius, rutrum vitae urna. Nulla fermentum egestas congue. Ut vulputate, ligula non laoreet rhoncus, nisi lorem vulputate nunc, quis molestie ipsum neque aliquet leo. Duis vestibulum mi eget orci varius ornare sit amet eu leo. Aenean facilisis leo quis erat lacinia convallis. Fusce pretium neque at mi rutrum ac porttitor risus viverra. Aenean scelerisque, orci non aliquam placerat, nisi dui rhoncus libero, vel pretium dolor enim sed ante.

Ut ac risus augue, consectetur ullamcorper nulla. Vivamus placerat lobortis volutpat. Nulla facilisi. Morbi est elit, malesuada ac molestie vel, posuere tempor lectus. Vestibulum sed tempus quam. Duis viverra aliquet lacinia. Ut tempus, risus a aliquet tincidunt, eros elit luctus sem, sit amet aliquet enim tellus quis justo. Nam mauris eros, fringilla nec porttitor nec, scelerisque non quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sapien ligula, ultrices non gravida sit amet, consequat sed nisl. Nulla sapien augue, scelerisque at viverra eget, accumsan sit amet arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum dignissim sapien in lobortis. Donec faucibus, magna ut porta vehicula, nisl quam ornare eros, vel tincidunt ante dolor eleifend enim. Duis laoreet eleifend purus bibendum lacinia. Curabitur a odio sit amet velit vehicula dapibus. Vestibulum eget eros sit amet justo accumsan venenatis in quis massa. Praesent volutpat lectus non eros varius id porttitor nisl consequat. Sed elementum aliquam tortor et tempor. Nullam dictum nisl ut risus adipiscing tincidunt.

Donec placerat lacinia lorem at egestas. Maecenas tincidunt, lorem et molestie consequat, metus sem cursus mi, a luctus risus diam nec nisl. Sed suscipit, sem in interdum commodo, lectus ipsum tempor est, eu auctor mi quam et velit. Nunc sed eros justo. Ut fermentum bibendum magna, sit amet dictum quam hendrerit id. Aliquam eget hendrerit velit. Maecenas sollicitudin eros sed est luctus at imperdiet odio malesuada.

Pellentesque massa nibh, pellentesque nec varius eget, sodales eget dolor. Suspendisse a orci enim. Sed non convallis quam. Maecenas dictum nulla nec felis consectetur rhoncus. Nulla placerat quam sed quam egestas a hendrerit libero ornare. Nunc interdum, metus at ultricies tincidunt, tortor orci posuere est, vitae varius mi ante id turpis. Morbi dapibus egestas lacus, ac consequat massa tincidunt nec. Duis aliquet vulputate urna quis ultricies. Phasellus est neque, vulputate rhoncus luctus quis, luctus nec felis. Cras adipiscing viverra ullamcorper. Mauris et ullamcorper nulla. Duis pharetra nisl mollis magna bibendum pulvinar in vel tellus. Phasellus nibh neque, posuere non dapibus ac, tempus facilisis ligula. Maecenas auctor tempor leo, sed adipiscing tortor adipiscing a. Vivamus ut suscipit arcu. Aliquam erat volutpat.
APPEARANCE
Aenean scelerisque, orci non aliquam placerat, nisi dui rhoncus libero, vel pretium dolor enim sed ante. Ut ac risus augue, consectetur ullamcorper nulla. Vivamus placerat lobortis volutpat. Nulla facilisi. Morbi est elit, malesuada ac molestie vel, posuere tempor lectus. Vestibulum sed tempus quam. Duis viverra aliquet lacinia. Ut tempus, risus a aliquet tincidunt, eros elit luctus sem, sit amet aliquet enim tellus quis justo. Nam mauris eros, fringilla nec porttitor nec, scelerisque non quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sapien ligula, ultrices non gravida sit amet, consequat sed nisl.
THREAD TRACKER

THREAD DATE.
THREAD TITLE.

THREAD DATE.
THREAD TITLE.

THREAD DATE.
THREAD TITLE.

THREAD DATE.
THREAD TITLE.

THREAD DATE.
THREAD TITLE.

THREAD DATE.
THREAD TITLE.
PERSONALITY
Sed non convallis quam. Maecenas dictum nulla nec felis consectetur rhoncus. Nulla placerat quam sed quam egestas a hendrerit libero ornare. Nunc interdum, metus at ultricies tincidunt, tortor orci posuere est, vitae varius mi ante id turpis. Morbi dapibus egestas lacus, ac consequat massa tincidunt nec. Duis aliquet vulputate urna quis ultricies. Phasellus est neque, vulputate rhoncus luctus quis, luctus nec felis. Cras adipiscing viverra ullamcorper. Mauris et ullamcorper nulla. Duis pharetra nisl mollis magna bibendum pulvinar in vel tellus. Phasellus nibh neque, posuere non dapibus ac, tempus facilisis ligula. Maecenas auctor tempor leo, sed adipiscing tortor adipiscing a. Vivamus ut suscipit arcu. Aliquam erat volutpat.
STATS
NAME: Name here
NICKNAMES: Nicknames here
AGE: Age here
GENDER: Gender here
HAIR: Hair color here
EYES: Eye color here
HEIGHT: Height here
WEIGHT: Weight here
BUILD: Build here

MARITAL STATUS: MA here
SEXUALITY: Sexuality here
OCCUPATION: Occupation here
RESIDENCE: Residence here
PLAYLIST
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
Song Title Song Artist
INFO
LIKES: Like, like, like
DISLIKES: Dislike, dislike, dislike
MOVIES: Movie, movie, movie
TV: Show, show, show
MUSIC: Band, artist, band
OTHER: Other, other, other

PARENTS: Parent, parent
SIBLINGS: Sibling, sibling, sibling
OTHER RELATIVES: Relative, relative, relative

FRIENDS: Friend, friend, friend
ENEMIES: Enemy, enemy, enemy
NEUTRAL: Neutral, neutral, neutral
OOC: NAME · AGE · TIMEZONE | PB: LEA MICHELE | ICONS BY SOMEUSERNAME | CHARACTER SHEET MADE BY TESSISAMESS




001: Informative Info
Well, this character sheet has pretty much everything. Clearly. It's also kind of involved, and I've broken everything down, so don't start crying in frustration just yet you big baby. Please read through the whole guide either before or as you implement this code. What you're gonna want to do is go to Draac, and slap in the base code. Note that you may also want more Draac tabs open, or Notepad/similar program. Now stop. Grab your boob. No seriously. If you don't the code'll break. Done? Okay.

Let's move on, pervert.
002: Base Code
This is your base code. Go see what it looks like in Draac. Lame, right? No cool shit at all. The fuck! Okay, let's get to it. CTRL+F CHARACTER IMAGE HERE to put in your image. Note the dimensions specified.
CTRL+F CHARACTER QUOTE HERE. and put in a little quote.
CTRL+F HISTORY INFO. and fill it out.
CTRL+F APPEARANCE INFO. and fill it out.
CTRL+F PERSONALITY INFO. and fill it out.
CTRL+F OOC: NAME and fill out your OOC info and credit info. Obvs leave the layout credit as is.

Well that looks better! Shit's still missing though. Gross. Open that other Draac tab or Notepad now.
003: Stats Code
This is your stats template. Fill it out separately, add new fields, take out fields, whatevs, just remember to follow the format it's written in. When you're done, CTRL+F STATS CODE HERE. and replace it with the stats.
004: Info Code
Do the exact same with this, but CTRL+F INFO CODE HERE. to replace it.
005: Thread Code
This is your thread code. It contains one thread. To have multiples just copy/paste it as many times as you need and then fill it out. The things you'll need to fill out are: USERPIC HERE, THREAD URL, CHAR & CHAR, THREAD DATE., and THREAD TITLE. Once that's done CTRL+F THREAD TRACKER CODE HERE. and replace it with your threads.
006: Playlist Code
This is your playlist code. It contains two songs. To add two new rows just copy/paste it as many times as you need and then fill it out, just remember to only copy what is within the TABLE TR TD tags and put the new rows in before the closing TD TR TABLE tags. The things you'll need to fill out are: YOUTUBE URL, SONG TITLE, and SONG ARTIST. Remember that these have ALTERNATING COLORS when adding new rows. Once that's done CTRL+F PLAYLIST CODE HERE. and replace it with your playlist.
007: CTRL+F Guide
→MAIN TABLE
http://i.imgur.com/pZWcY.png to change the pattern.
TAHOMA to change the font.
#f5f5f5 to change the box background color.
#f5f5f5 to change the heading color.
#444 to change the bulk text color.
#555 to change the link and credits color.

→PLAYLIST
#d1d1d1 to change the darker background.
#f1f1f1 to change the lighter background.
#111 to change the star link color.

→THREAD TRACKER
#fff to change the userpic padding color.
border:1px dotted #aaa to change the userpic border style.
border-bottom:1px dotted #aaa to change the underline border.
#aaa to change the font color.
#666 to change the secondary font color.

HEY! MY HEADERS DON'T LOOK RIGHT ON LIVEJOURNAL!
Yeah, yeah. Stupid LJ disabled the ability to use border-radius for some reason that probably makes absolutely no sense, and using it fucks the div style up and renders ALL of the styling in it useless. Nice, right?

In your completed code CTRL+F -webkit-border-radius: 10px 0px 10px 0px;border-radius: 10px 0px 10px 0px; and delete them all. The header backgrounds won't be rounded, but they'll look mostly like they should! That being said, this code works AS IS on IJ, Scribbld, and webpages. I hear it has some issues on DW but, if you know what to do (I don't, sorry!), it is reworkable and I've seen a live version that looked lovely.
008: Rules And Shit
→Leave my credit.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

→LJ-RAW means ya gotta BR them line breaks!
→Probably should be behind a cut, js js.
009: slimmer variant
If that's a bit wide for you, you can use this slimmer version without losing any of the info (threads moved to bottom)! Remember to use this thread track code instead (the wider width allows for more info and a slightly different setup).
010: No-Extras Var
Aaand now I've added a version without the thread tracker and playlist!

Comments

Aug. 24th, 2013 02:29 pm (UTC)
Love this as usual. I combined the two codes to exclude the playlist and it's used in this journal.

Thanks so much
Mars

[info]rototodo
Jul. 8th, 2014 09:13 am (UTC)
i fucking love it! hopefully my brain is fully functioning when i get off work so i can use this puppy as i set up my character's journal. i'm mostly going to keep it as is because well... we both know it rocks
Jul. 8th, 2014 06:51 pm (UTC)
Heee, tysm! ♥ Let me know if you run into any problems. :D
Jul. 13th, 2014 04:54 am (UTC)
no problem. it may have taken 5 hours (mainly because i'm tired as hell) but i finally got it to work. you can wonder over to [info]volasco and check it out if you'd like :) thanks again
(Anonymous)
Jan. 6th, 2015 08:04 pm (UTC)

Scroll Boxes

The Scroll boxes don't work for me. Is there a secret to it?
Jan. 6th, 2015 10:06 pm (UTC)

Re: Scroll Boxes

There's no reason I can think of that they wouldn't work. :( What are you viewing it on?
Feb. 13th, 2015 04:03 am (UTC)
Snagged and edited for use here!
Jul. 25th, 2015 04:04 am (UTC)

fixing for use on DW

FYI I snagged this to use over here on dreamwidth, and couldn't figure out why it wasn't lining up right, but then my friend figured it out!

everywhere it says <td valign="top"> it should say <td style="vertical-align:top !important;">, otherwise DW's default CSS will mess with the vertical alignment

that should fix it!
Nov. 23rd, 2015 02:41 am (UTC)
Hey! I'm trying to make it work on DW right now and I had a question.

What did you do in the instances where it had a rowspan="2"? Because changing that gives me an error.