Previous | Next

Biosheet: Papilio






basic information
NAME Name Here
AGE 00
DOB Month, 00

HEIGHT 0'00"
BUILD Body Type
HAIR Hair
EYES Eyes

THE FIRST THING YOU NOTICE
Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis. Ut mollis vitae risus a semper suscipit.

FAMILY TREE
MOTHER Mother's Name
FATHER Father's Name
SISTER Sibling's Name
BROTHER Sibling's Name
SPOUSE Significant Other's Name
A   B   C   D
personality
70% TRAIT
50% TRAIT
65% TRAIT
40% TRAIT
82% TRAIT
Cras nisi augue, dignissim non mi consectetur, imperdiet scelerisque ligula. Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis. Sed suscipit nisi nibh.

Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis. Ut mollis vitae risus a semper suscipit.
S T R E N G T H S
Thing
Thing
Thing
Thing
Thing
W E A K N E S S E S
Thing
Thing
Thing
Thing
Thing
abilities & skills
ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.

ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.

ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.

ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.

ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.

ABILITY/SKILL TITLE
Molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae.
into the past
SIGNIFICANT EVENT
Cras nisi augue, dignissim non mi consectetur, imperdiet scelerisque ligula. Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis. Sed suscipit nisi nibh.

SIGNIFICANT EVENT
Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis.

SIGNIFICANT EVENT
Cras nisi augue, dignissim non mi consectetur, imperdiet scelerisque ligula. Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis. Sed suscipit nisi nibh.

SIGNIFICANT EVENT
Praesent nec porta ligula, molestie viverra metus. Ut mollis vitae risus a semper. Nam ut justo ex. Nulla suscipit id neque non tincidunt. Sed pulvinar luctus lectus, vitae venenatis eros imperdiet vitae. Quisque sed velit felis.



O O C   I N F O R M A T I O N
name. name age. 00 timezone. xxx
aim. aim name pb. pb name
extra. fandom/email/whatevs


CODE BY TESSISAMESS


information
Welcome to another code from Tessisamess!
Jeez, how long's it been since you guys got a biosheet from me? Forever, right? Good thing I had one slated! Okay, this is a huge one, and I have two alternates to it coming as well. This biosheet utilizes both hidden click and scrollbars and, of course, is matched to the rest of what I've posted this week.

There are the standard sections, with a little bit of variation from the norm, such as a Myers-Briggs style personality block and a more 'inspiration' driven tab that features room for visuals and music! Okay, okay. I know Myers-Briggs isn't technically scientifically accurate, but I think they can be a ton of fun and a great way to give yourself a starting point for figuring out how your character would react to various situations. That being said, 16personalities is a great site for testing your character's personality for this section!

Icons used for this code preview are from a lovely set by ~anaprii on LJ.
the coding
Oh, yeah. These are the goods!
Paste your code into a code tester, then follow the directions below to get your code rolling!

installation guide
Everything you need to know about editing this code!
INFORMATION REPLACEMENTS
SIDEBAR BACKGROUND IMAGE to input the left-hand background.
SIDEBAR IMAGE to input the left-hand circular image.
name goes here for your character name.
Name Here through Significant Other's Name for your basic information.

PERSONALITY IMAGE for the background image of your personality type (must be square and at least 120px by 120px.)
A, B, C, and D for the Myers-Briggs type abbreviation.
50% TRAIT (x5) for your character's traits.
width:100px; (x5) to fill percentage bar. Amount of PX wide should be double the trait percentage (100px for 50%, 146px for 73%, and so on.)

PERSONALITY BLURB HERE for your written personality.
Strength (x5) and Weakness (x5) for your strengths and weaknesses.
PERSONALITY BLURB HERE for your written personality.
ABILITY/SKILL TITLE for your skill.
ABILITY/SKILL INFO. Copy paste these two lines as needed. for your skill info.
SIGNIFICANT EVENT for your history point title.
HISTORY INFO. Copy paste these two lines as needed. for your history info.
INSPIRATIONFULL and INSPIRATIONTHUMB (x4) for your visuals gallery (thumbs should be cropped square and at least 90px by 90px.)

SONGLINK (x2) for your song link.
Song Title (x2) for your track title.
Song Artist (x2) for your track artist.
0:00 (x2) for your song runtime.

OOC PIC for the icon above your OOC info (should be standard icon size), and then fill in below information for your OOC info.

APPEARANCE REPLACEMENTS
#fff to change the background color.
#ccc to change the border color.
#555 to change font color.
0,0,0, to change the box shadow color.
#8C86C2 to change section title colors.
#CFD1E2 to change accent color.
13px to change the font size.
helvetica,arial,sans-serif to change bulk font.
georgia,serif to change accent font.
terms of use
Please respect my usage agreement; thank you!
♥ Keep credit backlink in place.
♥ Do not redistribute my codes in part or in whole.
♥ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♥ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!
notes
Just some things to keep in mind!
♥ Most of my in-entry codes utilize lj-raw, which means things like line breaks need to be done with the HTML <br> tag.
♥ Some of my codes look great without using an lj-cut! But be aware, some of them (very large codes, or any code that utilizes tables) really should be behind a cut; spare your friends' f-pages and give it a look after posting! If it stretches out your journal entry or cuts off on the side, chances are it's going to warp other people's styles as well.

Comments

Jan. 8th, 2016 01:26 am (UTC)
Amazing! I love it!
Jan. 8th, 2016 01:28 am (UTC)
I HAD A FEELING YOU WOULD. :D
Jan. 8th, 2016 01:29 am (UTC)
BECAUSE I LITERALLY LOVE EVERYTHING YOU MAKE.
Jan. 8th, 2016 01:35 am (UTC)
I WAS GONNA SAY BECAUSE YOU HAVE THIS SHADE OF PURPLE ON YOUR JOURNAL, BUT EEEE TY! <3333
Jan. 8th, 2016 01:36 am (UTC)
I do love purple. This is true.
Jan. 8th, 2016 02:10 am (UTC)
Ehehehe <3
Jan. 8th, 2016 02:03 am (UTC)
SDFKLJDSLKFJ.

sdfljk.

THIS IS INCREDIBLE. =O. Oh man, the detail like the family tree. And it's so so pretty. You are amazing.
Jan. 8th, 2016 02:11 am (UTC)
PSHHHHHHH STAHPPP
Jan. 8th, 2016 02:25 am (UTC)
OH HEY is that a new code-display code? On top of this AWESOME biosheet.
Jan. 8th, 2016 02:28 am (UTC)
HELL YEAH IT IS. Long time coming, too. I've been meaning to change it for like two years now. Let's see how long it takes me to switch over all of my codes to this format. :||||
Jan. 8th, 2016 03:08 am (UTC)
We are so OCD like that. XDDD
Jan. 8th, 2016 03:21 am (UTC)
I'M LOVING ALL YOUR CODES RIGHT NOW THIS IS JUST SPLENDID.
Jan. 8th, 2016 03:51 am (UTC)
NO SHHHHHH THANK YOU. <3 I had a sort of crappy few months and now I'm finally getting through all the stuff I meant to post and making new stuff and it feels good, man.
Jan. 9th, 2016 03:04 am (UTC)
Oh.
My.
Goodness.

I've never been so in love!
Jan. 9th, 2016 03:20 am (UTC)
Oh my god, thank you so much! :D I super love the bg image you chose for the code!

Also!!! Your PB is so super gorgeous; I love her! <3
Jan. 9th, 2016 03:43 am (UTC)
<33333 Thank you! I knew it would be perfect with this layout.
Jan. 20th, 2016 03:45 pm (UTC)
Absolutely beautiful as ALWAYS. I had to use it lol.

So I used it here with one or two tweaks.. LOL.
Jan. 20th, 2016 06:30 pm (UTC)
AHHH, that looks so cute!!! :D
Jan. 23rd, 2016 06:48 pm (UTC)
You are amazing on so so soooo many levels!!
Jan. 24th, 2016 03:53 am (UTC)
Shhh, thank yooou! <3
Jan. 24th, 2016 09:30 am (UTC)
It's 1:30am and I was going to go to bed two hours ago, and I completely blame you for awesome layouts I had to put up at [info]marajade and then this making me want to redo this kid's whole bio, and... I have now lost a lot of sleep... BUT everything is really pretty!

Thank you XD

AND it is too late for me to HTML correctly which is clearly time for bed time right here.
Jan. 24th, 2016 09:34 am (UTC)
AHHH, BUT IT ALL LOOKS AWESOME!!! I totally don't feel bad for making you pretty up your stuff; glad you like them! ♥

Jan. 24th, 2016 09:38 am (UTC)
No lie, I came to grab something else, and then I was like - oh, but shiny, and SHINY, and oh SHINIER.

All the stuff you posted recently, just <3
Jan. 26th, 2016 02:28 am (UTC)
I just broke it.. at least IJ says I did... Maybe I missed a step?

http://runningblue.insanejournal.com/472.html


(I'm so sorry that I am code inept! Thank you for making such pretty things!)
Jan. 26th, 2016 08:35 am (UTC)
Aw, that's okay! Thank you so much! <3 What you've got is a stray " in one of your nav links. So go ahead and change this:

<a href="#2" style="display:block;background:#fff;color:#8C86C2;padding:5px 0;margin:5px 60px;text-decoration:none;-webkit-box-":2px 2px 5px 0 rgba(0,0,0,0.2);box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);">PERSONALITY & TRAITS</a>

To this:

<a href="#2" style="display:block;background:#fff;color:#8C86C2;padding:5px 0;margin:5px 60px;text-decoration:none;-webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);">PERSONALITY & TRAITS</a>

And that should fix it up for you!


Hahaha, see, I make mistakes too! Fixed that. XD
Jan. 28th, 2016 04:05 pm (UTC)
hahahahah! thank you so much for figuring out my mistake!
Feb. 12th, 2016 06:19 am (UTC)
I love this! I'm using it here with a few minor edits <3
Feb. 24th, 2016 07:31 pm (UTC)
I LOVE THIS BIO sheet and I used it here However. On the personalities page for some reason I can't keep the strengths and weaknesses next to each other like you have. Is there any chance you could help me fix that?
Mar. 1st, 2016 02:54 am (UTC)
snagged for (eventual) use over here! I gotta say, I'm really happy your stuff works on dw, you make such amazing codes!!
Mar. 20th, 2016 04:57 pm (UTC)
Hi there! I absolutely love this code and am using it on Dreamwidth. I'm having trouble with there being a lot of extra space at the bottom of the scrolling divs on the right even though the overflow is set to "auto". Any ideas how to fix that? You can see the code here (http://untrustable.dreamwidth.org/1520.html). Thanks for any help!!