Previous | Next

Biosheet: Comical





STATISTICS
NAME Name Here
AGE 00
DOB Month, 00

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

FIRST IMPRESSION
Aliquam erat volutpat. Vestibulum pellentesque velit nec diam vehicula porta. Sed cursus lacus sit amet diam malesuada euismod.
ABILITIES/SKILLS
ABILITY
Vestibulum pellentesque velit nec diam vehicula porta.
ABILITY
Sed cursus lacus sit amet diam malesuada euismod.
ABILITY
Vestibulum pellentesque velit nec diam vehicula porta.
ABILITY
Sed cursus lacus sit amet diam malesuada euismod.
ABOUT
Aenean sit amet rhoncus orci, vitae suscipit nunc. Praesent blandit consectetur tellus ac tempor. Mauris facilisis tortor eu varius tempor. Sed eu tristique erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed in elit ac felis fermentum efficitur. Aenean sit amet fringilla lacus. Aliquam eu libero lacus. Phasellus elementum ante in dictum faucibus. Mauris sapien nisl, vehicula eget magna a, fermentum maximus turpis. Proin faucibus, leo quis tristique commodo, erat mauris finibus nisi, ut dignissim massa massa sit amet magna. Donec porttitor massa eget condimentum accumsan. Morbi eu sem leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pulvinar, quam quis luctus vehicula, risus eros efficitur magna, ut bibendum lorem felis ac arcu. In eget erat purus. Fusce aliquet porttitor sagittis. Ut imperdiet dictum tristique. Praesent eu urna eu lorem gravida egestas et nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Vestibulum pellentesque velit nec diam vehicula porta. Sed cursus lacus sit amet diam malesuada euismod.

Praesent blandit consectetur tellus ac tempor. Mauris facilisis tortor eu varius tempor. Sed eu tristique erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed in elit ac felis fermentum efficitur. Aenean sit amet fringilla lacus. Aliquam eu libero lacus.
PERSONALITY
Mauris vitae ornare nulla. Aenean sit amet rhoncus orci, vitae suscipit nunc. Praesent blandit consectetur tellus ac tempor. Mauris facilisis tortor eu varius tempor. Sed eu tristique erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed in elit ac felis fermentum efficitur. Aenean sit amet fringilla lacus.

Aliquam eu libero lacus. Phasellus elementum ante in dictum faucibus. Mauris sapien nisl, vehicula eget magna a, fermentum maximus turpis. Proin faucibus, leo quis tristique commodo, erat mauris finibus nisi, ut dignissim massa massa sit amet magna. Donec porttitor massa eget condimentum accumsan. Morbi eu sem leo.
APPEARANCE
Donec ut condimentum ante. Aliquam pulvinar ligula massa, vitae sagittis risus ultrices ac. Maecenas magna est, ornare non nunc et, blandit varius elit. Praesent pharetra mattis diam nec ullamcorper. Morbi sodales tempus risus, vel posuere velit vestibulum eu. Phasellus enim metus, elementum sit amet urna scelerisque, gravida rhoncus ligula. Maecenas sem leo, iaculis sed consectetur nec, ullamcorper nec ipsum. Duis rhoncus, nunc rhoncus dignissim gravida, nulla felis bibendum quam, non sollicitudin ligula tellus sed mi. Pellentesque diam sapien, finibus et dapibus nec, malesuada at sapien. Maecenas finibus, nisl non eleifend tincidunt, nisl risus consectetur nisi, sed dignissim ligula libero in urna.
HISTORY
Nulla facilisi. Donec vitae arcu quis nulla egestas fringilla quis sagittis leo. Pellentesque at aliquet eros. Nam quis gravida mauris. Duis porta sed dolor ac iaculis. Proin tempor varius condimentum. Duis rhoncus, nunc rhoncus dignissim gravida, nulla felis bibendum quam, non sollicitudin ligula tellus sed mi. Pellentesque diam sapien, finibus et dapibus nec, malesuada at sapien. Maecenas finibus, nisl non eleifend tincidunt, nisl risus consectetur nisi, sed dignissim ligula libero in urna. Sed urna ante, mollis at pretium et, ultricies a nulla. Etiam egestas gravida luctus. Nulla facilisi.

Maecenas laoreet sapien lacinia neque ultrices, non pretium lectus aliquam. Maecenas convallis diam quis sapien mattis, a sagittis diam eleifend. In hac habitasse platea dictumst. Praesent suscipit, libero sit amet malesuada suscipit, enim ante placerat lectus, ac consequat erat ligula ut orci. Suspendisse imperdiet tempus scelerisque. In pellentesque rutrum elit, venenatis pulvinar tortor tristique eu. Vivamus risus enim, elementum eget sem sit amet, varius blandit eros.

Aenean sit amet rhoncus orci, vitae suscipit nunc. Praesent blandit consectetur tellus ac tempor. Mauris facilisis tortor eu varius tempor. Sed eu tristique erat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed in elit ac felis fermentum efficitur. Aenean sit amet fringilla lacus. Aliquam eu libero lacus. Phasellus elementum ante in dictum faucibus. Mauris sapien nisl, vehicula eget magna a, fermentum maximus turpis. Proin faucibus, leo quis tristique commodo, erat mauris finibus nisi, ut dignissim massa massa sit amet magna. Donec porttitor massa eget condimentum accumsan. Morbi eu sem leo.
PLAYER INFO
PLAYER Name TIMEZONE TZ PB PB Name CANON Canon source


Information

Hey guys! FINALLY THE DAY HAS COME! A COMIC BOOK BIO! I've left this one fairly simple so far as colors go so that it's easy to color it to match any character's theme. (Ignore how the headings are a smidge off; that's only because I've posted the code within my own layout lmao.)

I've included easy ways to add more info and to change widths, so have fun playing with this one! (I'm sorry I'm not as chatty as usual, haha. STILL SICK.) Enjoy! ♥

Coding: Biosheet



Coding: Single Info Block



Installation Guide

Paste into an entry and fill in the following!

YOURIMAGE - Sidebar pic; size can be any but it must be square
Name here through FIRSTIMPRESSIONINFO - Your sidebar stats
ABILITY and ABILITYINFO (x2) - Info on special abilities and skills (copy paste as needed for more!)
GENERALINFO - About section
PERSONALITYINFO - Personality section
APPEARANCEINFO - Appearance section
HISTORYINFO - History section
Name through Canon source - Your OOC info

*You can easily add new info blocks to any section of this bio code! Just take the new single block code given above and paste it in! I've put comments in each area of the overall code where you can add new blocks.

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
helvetica,arial,sans-serif - Overall font
cursive - Headings font

IMAGES
http://i.imgur.com/mxTuE0o.jpg - Background (delete and leave empty for a solid colored background)

VALUES
950px - Overall width
270px - Sidebar width
200px - Sidebar image size
border-radius:50px/10px; - Container border radius
border-radius:5px; - Info block border radius
margin:-140px 0 0 250px; and margin:-43px 0 120px 248px; - Speech bubble tail positioning; you'll need to play with this if you change the image and/or sidebar size

COLORS
#fff - Info block background color
#ddd - Container background color
#EED291 - Heading background color
#C1021A - Heading Accent color
#111 - Overall font color
#000 - Block border color, heading color
0,0,0 - Box shadow of outer container

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ 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!

Comments

Sep. 30th, 2017 01:03 am (UTC)
Ooooohhhh sweet baby Beelzebub the editing I could do to this.

Oct. 11th, 2017 10:40 pm (UTC)
Yasss dude, it has so many uses (and we all know that's my favorite haha.)
Oct. 1st, 2017 06:08 pm (UTC)
You're so damn talented IT KILLS ME. ♥

This is beautiful!
Oct. 11th, 2017 10:41 pm (UTC)
PSH, WHATEVER. ♥
(Anonymous)
Oct. 19th, 2017 07:45 pm (UTC)

Box on left hand side

Hello how do I get a picture in the box on the left hand side? I'm new to coding and a bit suck with that n.n'
Oct. 19th, 2017 09:57 pm (UTC)

Re: Box on left hand side

If you want an image inside of one of the currently existing blocks you're gonna want to use the following before whatever text you're wanting it on top of:

<img src="URL" style="max-width:100%;margin-bottom:10px;">

But if you're wanting a new block with only an image, take the copy/paste code for SINGLE INFO BLOCK and put this into it:

<img src="URL" style="max-width:100%;">

And then put that new block before whichever sidebar block you want it before. Let me know if you're still having trouble!