InsaneJournal

Tweak says, "don't look at me...STOP IT!!!"

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2014-09-27 01:53:00

Entry tags:

!!!templates, !!bios/profiles, #wearestardust

Bio Sheet: Punk Rock Princess

character name

codename

NAME.	Character Name
CODENAME.	Codename
NICKNAMES.	Nicknames
OCCUPATION.	Occupation
AGE.	00
DATE OF BIRTH.	Month 00, 0000
ORIENTATION.	Sexual/Romantic Orientation
DATING STATUS.	Dating/Marital Status
DATING HISTORY.	Past Romantic Partner Past Romantic Partner
FAMILY.	Mother Father Siblings, etc, etc
HEIGHT.	0'0"
BUILD.	Physical Build
HAIR.	Hair Color
EYES.	Eye Color

PERSONALITY ABILITIES + SKILLS HISTORY NOTES

personality.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget sapien porttitor, fermentum nisl sed, luctus ipsum. Integer lacinia augue vel diam tempus, at lacinia lacus iaculis. Pellentesque viverra, ipsum ac gravida ullamcorper, justo risus iaculis augue, porta malesuada risus augue et sem. Proin ultrices magna ante, at cursus urna malesuada quis. Donec non mi dapibus, auctor elit sed, eleifend tortor. Nullam pulvinar dui sed dolor tincidunt, nec blandit arcu imperdiet. Suspendisse elementum varius arcu in consectetur.

Sed tempor ex sapien, ut ultrices lacus aliquam a. Nam sit amet dignissim metus. Donec dapibus eros ac eleifend vulputate. Donec vulputate sit amet leo id mattis. Maecenas nec lobortis mauris, nec ultricies mi. Pellentesque ut porttitor dui. In non libero ac enim imperdiet ornare. Integer cursus feugiat blandit. Ut arcu velit, ultrices eget mi vel, malesuada tincidunt nisl. Nunc volutpat augue est, a ultrices nunc scelerisque quis.

Mauris sit amet efficitur sem, vitae consequat metus. Vivamus sollicitudin eget dolor eu efficitur. Vivamus gravida ac risus non volutpat. Suspendisse ipsum nunc, interdum at velit sed, commodo posuere ante. Phasellus a lacinia neque. Nunc velit neque, molestie vel tellus sed, semper lacinia erat. Pellentesque fringilla congue massa ac tristique. Phasellus nec purus non magna lobortis luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sed lacinia, purus ut viverra dictum, velit leo commodo nulla, vitae ullamcorper leo magna eu felis. Nunc a nisi ut ipsum ullamcorper vestibulum id eu turpis. Vivamus vulputate laoreet dapibus. Mauris facilisis leo a odio tincidunt, in eleifend est cursus. Praesent malesuada elit non eros suscipit egestas. Nullam eget sapien rutrum, interdum nisl a, laoreet arcu. Duis urna nunc, porta ut justo quis, bibendum cursus mi.

Phasellus tristique finibus viverra. Aliquam accumsan iaculis nisi vel porta. Aenean a scelerisque nulla, at facilisis nisl. Etiam vitae aliquam metus. Proin bibendum, diam ac tempor congue, odio tellus rutrum lacus, ac faucibus ex nisl ut lorem. Proin nec commodo odio. Nulla eget sodales tortor, quis rutrum eros. Sed lorem risus, efficitur eget magna quis, tincidunt blandit urna. Duis ultrices placerat leo, id mollis tellus imperdiet in. Nulla dignissim urna a cursus malesuada. Maecenas nec nulla tincidunt neque rhoncus finibus vitae vel ante. Morbi tristique vestibulum lacus, quis hendrerit nisl consectetur eu. Pellentesque posuere semper arcu, vel ultrices sapien gravida pharetra. Fusce sed hendrerit leo. Vestibulum eget pellentesque nulla. Praesent ornare eleifend eros, sed laoreet mi iaculis ut.

abilities+skills.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget sapien porttitor, fermentum nisl sed, luctus ipsum. Integer lacinia augue vel diam tempus, at lacinia lacus iaculis. Pellentesque viverra, ipsum ac gravida ullamcorper, justo risus iaculis augue, porta malesuada risus augue et sem. Proin ultrices magna ante, at cursus urna malesuada quis. Donec non mi dapibus, auctor elit sed, eleifend tortor. Nullam pulvinar dui sed dolor tincidunt, nec blandit arcu imperdiet. Suspendisse elementum varius arcu in consectetur. Sed tempor ex sapien, ut ultrices lacus aliquam a. Nam sit amet dignissim metus. Donec dapibus eros ac eleifend vulputate. Donec vulputate sit amet leo id mattis. Maecenas nec lobortis mauris, nec ultricies mi. Pellentesque ut porttitor dui. In non libero ac enim imperdiet ornare. Integer cursus feugiat blandit. Ut arcu velit, ultrices eget mi vel, malesuada tincidunt nisl. Nunc volutpat augue est, a ultrices nunc scelerisque quis. Mauris sit amet efficitur sem, vitae consequat metus. Vivamus sollicitudin eget dolor eu efficitur. Vivamus gravida ac risus non volutpat. Suspendisse ipsum nunc, interdum at velit sed, commodo posuere ante. Phasellus a lacinia neque. Nunc velit neque, molestie vel tellus sed, semper lacinia erat. Pellentesque fringilla congue massa ac tristique. Phasellus nec purus non magna lobortis luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sed lacinia, purus ut viverra dictum, velit leo commodo nulla, vitae ullamcorper leo magna eu felis. Nunc a nisi ut ipsum ullamcorper vestibulum id eu turpis. Vivamus vulputate laoreet dapibus. Mauris facilisis leo a odio tincidunt, in eleifend est cursus. Praesent malesuada elit non eros suscipit egestas. Nullam eget sapien rutrum, interdum nisl a, laoreet arcu. Duis urna nunc, porta ut justo quis, bibendum cursus mi.

Phasellus tristique finibus viverra. Aliquam accumsan iaculis nisi vel porta. Aenean a scelerisque nulla, at facilisis nisl. Etiam vitae aliquam metus. Proin bibendum, diam ac tempor congue, odio tellus rutrum lacus, ac faucibus ex nisl ut lorem. Proin nec commodo odio. Nulla eget sodales tortor, quis rutrum eros. Sed lorem risus, efficitur eget magna quis, tincidunt blandit urna. Duis ultrices placerat leo, id mollis tellus imperdiet in. Nulla dignissim urna a cursus malesuada. Maecenas nec nulla tincidunt neque rhoncus finibus vitae vel ante. Morbi tristique vestibulum lacus, quis hendrerit nisl consectetur eu. Pellentesque posuere semper arcu, vel ultrices sapien gravida pharetra. Fusce sed hendrerit leo. Vestibulum eget pellentesque nulla. Praesent ornare eleifend eros, sed laoreet mi iaculis ut.

history.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget sapien porttitor, fermentum nisl sed, luctus ipsum. Integer lacinia augue vel diam tempus, at lacinia lacus iaculis. Pellentesque viverra, ipsum ac gravida ullamcorper, justo risus iaculis augue, porta malesuada risus augue et sem. Proin ultrices magna ante, at cursus urna malesuada quis. Donec non mi dapibus, auctor elit sed, eleifend tortor. Nullam pulvinar dui sed dolor tincidunt, nec blandit arcu imperdiet. Suspendisse elementum varius arcu in consectetur.

Sed tempor ex sapien, ut ultrices lacus aliquam a. Nam sit amet dignissim metus. Donec dapibus eros ac eleifend vulputate. Donec vulputate sit amet leo id mattis. Maecenas nec lobortis mauris, nec ultricies mi. Pellentesque ut porttitor dui. In non libero ac enim imperdiet ornare. Integer cursus feugiat blandit. Ut arcu velit, ultrices eget mi vel, malesuada tincidunt nisl. Nunc volutpat augue est, a ultrices nunc scelerisque quis. Mauris sit amet efficitur sem, vitae consequat metus. Vivamus sollicitudin eget dolor eu efficitur. Vivamus gravida ac risus non volutpat. Suspendisse ipsum nunc, interdum at velit sed, commodo posuere ante. Phasellus a lacinia neque. Nunc velit neque, molestie vel tellus sed, semper lacinia erat. Pellentesque fringilla congue massa ac tristique. Phasellus nec purus non magna lobortis luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed lacinia, purus ut viverra dictum, velit leo commodo nulla, vitae ullamcorper leo magna eu felis. Nunc a nisi ut ipsum ullamcorper vestibulum id eu turpis. Vivamus vulputate laoreet dapibus. Mauris facilisis leo a odio tincidunt, in eleifend est cursus. Praesent malesuada elit non eros suscipit egestas. Nullam eget sapien rutrum, interdum nisl a, laoreet arcu. Duis urna nunc, porta ut justo quis, bibendum cursus mi.

Phasellus tristique finibus viverra. Aliquam accumsan iaculis nisi vel porta. Aenean a scelerisque nulla, at facilisis nisl. Etiam vitae aliquam metus. Proin bibendum, diam ac tempor congue, odio tellus rutrum lacus, ac faucibus ex nisl ut lorem. Proin nec commodo odio. Nulla eget sodales tortor, quis rutrum eros. Sed lorem risus, efficitur eget magna quis, tincidunt blandit urna. Duis ultrices placerat leo, id mollis tellus imperdiet in. Nulla dignissim urna a cursus malesuada. Maecenas nec nulla tincidunt neque rhoncus finibus vitae vel ante. Morbi tristique vestibulum lacus, quis hendrerit nisl consectetur eu. Pellentesque posuere semper arcu, vel ultrices sapien gravida pharetra. Fusce sed hendrerit leo. Vestibulum eget pellentesque nulla. Praesent ornare eleifend eros, sed laoreet mi iaculis ut.

notes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget sapien porttitor, fermentum nisl sed, luctus ipsum. Integer lacinia augue vel diam tempus, at lacinia lacus iaculis. Pellentesque viverra, ipsum ac gravida ullamcorper, justo risus iaculis augue, porta malesuada risus augue et sem. Proin ultrices magna ante, at cursus urna malesuada quis. Donec non mi dapibus, auctor elit sed, eleifend tortor. Nullam pulvinar dui sed dolor tincidunt, nec blandit arcu imperdiet. Suspendisse elementum varius arcu in consectetur.

Sed tempor ex sapien, ut ultrices lacus aliquam a. Nam sit amet dignissim metus. Donec dapibus eros ac eleifend vulputate. Donec vulputate sit amet leo id mattis. Maecenas nec lobortis mauris, nec ultricies mi. Pellentesque ut porttitor dui. In non libero ac enim imperdiet ornare. Integer cursus feugiat blandit. Ut arcu velit, ultrices eget mi vel, malesuada tincidunt nisl. Nunc volutpat augue est, a ultrices nunc scelerisque quis.

Mauris sit amet efficitur sem, vitae consequat metus. Vivamus sollicitudin eget dolor eu efficitur. Vivamus gravida ac risus non volutpat. Suspendisse ipsum nunc, interdum at velit sed, commodo posuere ante. Phasellus a lacinia neque. Nunc velit neque, molestie vel tellus sed, semper lacinia erat. Pellentesque fringilla congue massa ac tristique. Phasellus nec purus non magna lobortis luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed lacinia, purus ut viverra dictum, velit leo commodo nulla, vitae ullamcorper leo magna eu felis. Nunc a nisi ut ipsum ullamcorper vestibulum id eu turpis. Vivamus vulputate laoreet dapibus. Mauris facilisis leo a odio tincidunt, in eleifend est cursus. Praesent malesuada elit non eros suscipit egestas. Nullam eget sapien rutrum, interdum nisl a, laoreet arcu. Duis urna nunc, porta ut justo quis, bibendum cursus mi.

Phasellus tristique finibus viverra. Aliquam accumsan iaculis nisi vel porta. Aenean a scelerisque nulla, at facilisis nisl. Etiam vitae aliquam metus. Proin bibendum, diam ac tempor congue, odio tellus rutrum lacus, ac faucibus ex nisl ut lorem. Proin nec commodo odio. Nulla eget sodales tortor, quis rutrum eros. Sed lorem risus, efficitur eget magna quis, tincidunt blandit urna. Duis ultrices placerat leo, id mollis tellus imperdiet in. Nulla dignissim urna a cursus malesuada. Maecenas nec nulla tincidunt neque rhoncus finibus vitae vel ante. Morbi tristique vestibulum lacus, quis hendrerit nisl consectetur eu. Pellentesque posuere semper arcu, vel ultrices sapien gravida pharetra. Fusce sed hendrerit leo. Vestibulum eget pellentesque nulla. Praesent ornare eleifend eros, sed laoreet mi iaculis ut.

OOC. Playername • email@email.com • aimname (aim) • cdjname (cdj) • EST • PB Name (pb)

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → punk rock princess

Still slow with the new designs, but this one was just because I was redesigning bios for my characters and I wasn't digging the style for the character and had to mess around for a color scheme. This one's pretty simple to work with and the colors are easy to change.

If you'd like to change the colors, find/replace the following:

#181818 #FFF #2B2B2B #A8D848 #DE43A0 #942668 #7E348A #432552

TEMPLATE →

<lj-raw><center><table width="900" style="padding: 5px; border: 3px solid #181818;background-color: #A8D848; font-family:arial; font-size:11px; color: #FFF">
<tr><td>

<!--MAIN HEADER--!>
<div style="background-color:#181818; height: 170px">
<div style="float:right; width: 500; height: 170;  background:url(BIGGIF); background-size: 500;background-position:right"></div>
<div style="float:right;width:500; height: 170; margin-top: -170px; position:relative;  background:linear-gradient(to left, transparent 10%, #181818); background:-webkit-linear-gradient(right, transparent 10%, #181818); background:-moz-linear-gradient(right, transparent 10%, #181818)"></div>

<div style="font-size:50px; font-weight:bold; letter-spacing:-5px; padding: 10px; padding-top: 50px;">character name</div>
<div style="font-size:40px; line-height:10px; font-weight:bold; letter-spacing:-4px; font-style:italic; color: #A8D848; text-shadow: 2px 2px 1px #000; margin-left:180px; margin-top: -17px;">codename</div>

</div>
<!--END MAIN HEADER--!>

<!--LEFT SIDEBAR--!>

<table align="center" style="width: 100%; font-size: 9px; color: #FFF">
<tr><td valign="top" style="width: 80px; opacity: .5">NAME.</td><td>Character Name</td></tr>
<tr><td valign="top" style="opacity: .5">CODENAME.</td><td>Codename</td></tr>
<tr><td valign="top" style="opacity: .5">NICKNAMES.</td><td>Nicknames</td></tr>
<tr><td valign="top" style="opacity: .5">OCCUPATION.</td><td>Occupation</td></tr>
<tr><td valign="top" style="opacity: .5">AGE.</td><td>00</td></tr>
<tr><td valign="top" style="opacity: .5">DATE OF BIRTH.</td><td>Month 00, 0000<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">ORIENTATION.</td><td>Sexual/Romantic Orientation</td></tr>
<tr><td valign="top" style="opacity: .5">DATING STATUS.</td><td>Dating/Marital Status</td></tr>
<tr><td valign="top" style="opacity: .5">DATING HISTORY.</td><td>Past Romantic Partner<br>
Past Romantic Partner<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">FAMILY.</td><td>Mother<br>
Father<br>
Siblings, etc, etc<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">HEIGHT.</td><td>0'0"</td></tr>
<tr><td valign="top" style="opacity: .5">BUILD.</td><td>Physical Build</td></tr>
<tr><td valign="top" style="opacity: .5">HAIR.</td><td>Hair Color</td></tr>
<tr><td valign="top" style="opacity: .5">EYES.</td><td>Eye Color<br><br></td></tr>

</table>

</div>

<a href="#1" style="display:block; margin-bottom: 5px; height: 40px; background-color: #DE43A0; padding: 5px; color: #FFF; text-decoration:none; text-align:center; text-shadow: 1px 1px 1px #181818; line-height: 40px">PERSONALITY</a>

<a href="#2" style="display:block; margin-bottom: 5px; height: 40px; background-color: #942668; padding: 5px; color: #FFF; text-decoration:none; text-align:center; text-shadow: 1px 1px 1px #181818; line-height: 40px">ABILITIES + SKILLS</a>

<a href="#3" style="display:block; margin-bottom: 5px; height: 40px; background-color: #7E348A; padding: 5px; color: #FFF; text-decoration:none; text-align:center; text-shadow: 1px 1px 1px #181818; line-height: 40px">HISTORY</a>

<a href="#4" style="display:block; margin-bottom: 5px; height: 40px; background-color: #432552; padding: 5px; color: #FFF; text-decoration:none; text-align:center; text-shadow: 1px 1px 1px #181818; line-height: 40px">NOTES</a>

</div>

<!--END LEFT SIDEBAR--!>

<!--MAIN BOX--!>

<!--PERSONALITY--!>
<a name="1"></a><div style="">
<div style="font-size: 70px; font-weight:bold; letter-spacing: -5px; color: #FFF; text-shadow: 2px 2px 1px #7E348A; text-align:right; margin-right: 20px;">personality.</div>

PERSONALITY GOES HERE

</div>

</div>
<!--END PERSONALITY--!>

<!--SKILLS--!>
<a name="2"></a><div style="">
<div style="font-size: 70px; font-weight:bold; letter-spacing: -5px; color: #FFF; text-shadow: 2px 2px 1px #7E348A; text-align:right; margin-right: 20px;">abilities+skills.</div>

SKILLS GO HERE

</div>

</div>
<!--END SKILLS--!>

<!--HISTORY--!>
<a name="3"></a><div style="">
<div style="font-size: 70px; font-weight:bold; letter-spacing: -5px; color: #FFF; text-shadow: 2px 2px 1px #7E348A; text-align:right; margin-right: 20px;">history.</div>

HISTORY GOES HERE

</div>

</div>
<!--END HISTORY--!>

<!--NOTES--!>
<a name="4"></a><div style="">
<div style="font-size: 70px; font-weight:bold; letter-spacing: -5px; color: #FFF; text-shadow: 2px 2px 1px #7E348A; text-align:right; margin-right: 20px;">notes.</div>

NOTES GO HERE

</div>

</div>
<!--END NOTES--!>

</div>

<!--END MAIN BOX--!>

<!--OOC BOX--!>

<div style="clear:both; margin-top: 8px; background-color: #181818; padding: 5px; padding-right: 90px;  text-align:right"><span style="display:inline-block; font-size: 25px; font-weight:bold; letter-spacing: -2px; vertical-align:middle; margin-right: 10px;  text-shadow: 2px 2px 1px #7E348A;">OOC.</span> Playername • email@email.com • aimname (aim) • cdjname (cdj) • EST • PB Name (pb)</div>

<!--END OOC BOX--!>

</td></tr>
</table>

<div style="font-family:arial; font-size: 9px; text-transform:uppercase; color: #AAA; margin-top: 2px;">CODE BY WEARESTARDUST @ <a href="http://supersuits.insanejournal.com/profile" style="text-decoration:none; color: #7E348A">SUPERSUITS</a></div>

</center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace "BIGGIF" with a gif of your choosing. The best ones for this are about 500px wide. 3. Change the colors if you like! 5. Fill it in! This is in lj-raw format, so you need to BR your line breaks.
6. Enjoy :)

Please keep the credit code at the bottom of the template so that people can find their way back to

supersuits if they want to use it. Thank you!

♥ kait

	fightcompulsion 2014-10-05 08:33 pm UTC (link)
	I've used Here ~ Here & here! With some simple color edits! (Reply to this) (Thread)

	wearestardust 2014-10-05 08:35 pm UTC (link)
	I love it! The colors look fantastic :D (Reply to this) (Parent) (Thread)

	littlequeen 2014-10-05 08:51 pm UTC (link)
	I love the fade! It's an awesome code! :) (Reply to this) (Parent)

	pheremony 2015-03-17 04:14 am UTC (link)
	Fantastic code that I'm in love with. I used it here and here. Thank you so much! (Reply to this)