bio: front and center

[mistojen]

character name
ic stats canon: canon name canon point: canon point age: age species: species pb: played by reserve link: here		player name: player name over 18? yes/no preference: prose/action spam HMD: Talk to me. contact: PM me or user time zone: timezone
HISTORY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. In blandit libero ut justo mollis placerat. Ut suscipit orci ex, eget consectetur elit tincidunt ut. Nunc dignissim commodo quam ut ultrices. Donec auctor, purus nec tempor rutrum, est risus imperdiet velit, sit amet tempor nibh orci at mi. Cras ac elementum mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. In malesuada ultrices lectus et commodo. Aliquam consectetur leo quis ligula imperdiet, quis varius massa pharetra.
PERSONALITY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. In blandit libero ut justo mollis placerat. Ut suscipit orci ex, eget consectetur elit tincidunt ut. Nunc dignissim commodo quam ut ultrices. Donec auctor, purus nec tempor rutrum, est risus imperdiet velit, sit amet tempor nibh orci at mi. Cras ac elementum mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. In malesuada ultrices lectus et commodo. Aliquam consectetur leo quis ligula imperdiet, quis varius massa pharetra.
SKILLS/ABILITIES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. ★ ability ★ ability ★ ability that requires explanations: here's some more details on that specific ability. ★ ability
SAMPLES
prose Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. action spam [ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. ] Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. [ Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. ] network Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
'front and center' design by mistojen

instructions:
Replace CHARACTER NAME, IMGURL, JOURNALNAME, and fill in the stats, personality section, history section, and abilities. Image in the center should be no larger than 300x300. Looks best when the image is square. Please do not remove credit.

to change the colors:

rgba(194,4,4,.75) rgba(237,250,0,.75)

rgba(72,232,85,.75) #000 rgba(160,87,255,.75)

the code:
<center><table> <tr style="width: 900px;"> <td colspan="3" style="padding: 10px;text-align: center;"><span style="font-family: 'century gothic'; font-size: 65px; letter-spacing: 3px; text-transform: uppercase;">character name</span></td> </tr> <tr style="width: 900px; height: 15px;"><td> </td></tr> <tr style="width: 900px;"> <td style="width: 300px; vertical-align: top; padding: 10px;font-family: 'century gothic'; font-size: 15px;"><p style="text-align: center; font-size: 25px; letter-spacing: 3px; text-transform: uppercase;text-decoration: underline;margin-bottom: -10px;">ic stats</p> <b>canon:</b> canon name <b>canon point:</b> canon point <b>age:</b> age <b>species:</b> species <b>pb:</b> played by <b>reserve link:</b> <a href="URLGOESHERE" style="color: #000;">here</a> </td> <td style="width: 300px; vertical-align: top; padding: 10px;"><center><img src="http://i.imgur.com/hPaSXGy.gif" style="-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;"></center></td> <td style="width: 300px; vertical-align: top; padding: 10px;font-family: 'century gothic'; font-size: 15px; text-align: right;"><p style="text-align: center; font-size: 25px; letter-spacing: 5px; text-transform: uppercase;text-decoration: underline; margin-bottom: -10px;">player</p> <b>name:</b> player name <b>over 18?</b> yes/no <b>preference:</b> prose/action spam <b>HMD:</b> <a href="URLGOESHERE" style="color: #000;">Talk to me.</a> <b>contact:</b> <a href="http://www.dreamwidth.org/inbox/compose?user=journalname" style="color: #000;">PM me</a> or <user name="user" site="plurk.com"> <b>time zone:</b> timezone </td> </tr> <tr style="width: 900px; height: 15px;"><td> </td></tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; text-align: center; padding: 10px;font-family: 'arial black', arial, sans-serif;font-size: 25px; text-decoration: underline;background-color: rgba(194,4,4,.75);">HISTORY</td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; padding: 5px;font-family: 'century gothic'; font-size: 15px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. In blandit libero ut justo mollis placerat. Ut suscipit orci ex, eget consectetur elit tincidunt ut. Nunc dignissim commodo quam ut ultrices. Donec auctor, purus nec tempor rutrum, est risus imperdiet velit, sit amet tempor nibh orci at mi. Cras ac elementum mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. In malesuada ultrices lectus et commodo. Aliquam consectetur leo quis ligula imperdiet, quis varius massa pharetra. </td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; text-align: center; padding: 10px;font-family: 'arial black', arial, sans-serif;font-size: 25px; text-decoration: underline;background-color: rgba(237,250,0,.75);">PERSONALITY</td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; padding: 5px;font-family: 'century gothic'; font-size: 15px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. In blandit libero ut justo mollis placerat. Ut suscipit orci ex, eget consectetur elit tincidunt ut. Nunc dignissim commodo quam ut ultrices. Donec auctor, purus nec tempor rutrum, est risus imperdiet velit, sit amet tempor nibh orci at mi. Cras ac elementum mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. In malesuada ultrices lectus et commodo. Aliquam consectetur leo quis ligula imperdiet, quis varius massa pharetra. </td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; text-align: center; padding: 10px;font-family: 'arial black', arial, sans-serif;font-size: 25px; text-decoration: underline;background-color: rgba(72,232,85,.75);">SKILLS/ABILITIES</td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; padding: 5px;font-family: 'century gothic'; font-size: 15px;width: 450px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. <lj-raw><ul> <li style="list-style-type:none;">★ ability</li> <li style="list-style-type:none;">★ ability</li> <li style="list-style-type:none;">★ ability that requires explanations: <blockquote style="margin-top: -5px; margin-bottom: -5px;">here's some more details on that specific ability.</blockquote></li> <li style="list-style-type:none;">★ ability</li> </ul></lj-raw> </td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; text-align: center; padding: 10px;font-family: 'arial black', arial, sans-serif;font-size: 25px; text-decoration: underline;background-color: rgba(160,87,255,.75);">SAMPLES</td> </tr> <tr style="width: 900px;"> <td colspan="3" style="vertical-align: top; padding: 5px;font-family: 'century gothic'; font-size: 15px;width: 450px;"> <p style="text-align: center; font-size: 20px; letter-spacing: 5px; text-transform: uppercase;text-decoration: underline; margin-bottom: -10px;">prose</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. <p style="text-align: center; font-size: 20px; letter-spacing: 5px; text-transform: uppercase;text-decoration: underline; margin-bottom: -10px;">action spam</p> [ <small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris faucibus non nisl et tincidunt. Nullam vitae placerat erat, imperdiet scelerisque nisi. ]</small> Donec vel elit suscipit, imperdiet lectus eget, consequat lorem. Donec eu neque finibus, blandit tortor congue, pretium lectus. <small>[ Donec et leo in tortor porta maximus eget ac ante. Vivamus posuere neque eget ante mollis varius et nec massa. Duis pellentesque viverra ipsum, sed auctor massa varius sit amet. Curabitur lacinia hendrerit augue, id ultrices est porttitor et. ]</small> <p style="text-align: center; font-size: 20px; letter-spacing: 5px; text-transform: uppercase;text-decoration: underline; margin-bottom: -10px;">network</p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, tellus et fringilla dignissim, velit neque imperdiet neque, in accumsan magna justo sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </td> </tr> <tr style="width: 900px; height: 25px;"><td> </td></tr> <tr style="width: 900px;"> <td colspan="3" style="text-align: center; font-family: 'century gothic'; font-size: 11px;">'front and center' design by <a style="color: #000; text-decoration: none;" href="http://mistojen.dreamwidth.org/">mistojen</a></td> </tr> </table></center>

Comments

[serrata]

Used this for my navigation post with a few tweaks. Thank you!

[mistojen]

Oh, this is a really cool use for it, I like! Thanks for sharing with me! I'm glad you like it and you're so welcome. :)

[unconditionally]

would it be possible to add <b>[OOC]</b> This is the permissions list for OOC (out of character), activity. Answer the following questions with "yes" or "no", as well as additional information if desired. <b>Backtagging</b>: <b>Threadhopping</b>: <b>Fourthwalling</b>: <b>Offensive subjects (elaborate)</b>: <b>[IC]</b> This is the permissions list for IC (in-character), activity. Answer the following questions with "yes" or "no", as well as additional information if desired. With IC permissions, it's a good idea to elaborate on what other players can expect from your character if they choose to do any of the following: <b>Hugging this character</b>: <b>Kissing this character</b>: <b>Flirting with this character</b>: <b>Fighting with this character</b>: <b>Injuring this character (include limits and severity)</b>: <b>Killing this character</b>: <b>Using telepathy/mind reading abilities on this character</b>:

to the Bio template?

[mistojen]

Yeah, sure! You can add whatever you want to it or replace whatever you want from it, as well. I'd suggest just copying one of the sections below the header (like history, personality, abilities, etc) and just pasting it in where you want the permissions stuff to go. I use Color Picker when I'm choosing colors; the rgb values of the color you choose are gonna be the bottom three input boxes just to the right of the color palette. The a in rgba is specifically to decide how opaque or transparent the color is, so you don't have to alter that .75 value. :)