InsaneJournal

Tweak says, "this man's got eyebrows!"

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

Entry tags:

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

Bio Sheet: Aviatrix

CHARACTER •

• CODENAME

{name}

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

— ooc. —

PLAYER.	Playername
EMAIL.	email@email.com
AIM.	aim name
CDJ.	cdjname
TIME ZONE.	Time Zone
PB.	PB Name.

personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt ante posuere dui dictum, sed maximus lectus luctus. Nullam vel velit mollis, placerat enim a, vulputate nulla. Donec blandit quis purus quis finibus. Pellentesque auctor tellus velit, nec rhoncus odio commodo in. Ut imperdiet quis velit sit amet dapibus. Aliquam ac tincidunt sapien. Donec dictum bibendum risus in cursus. Etiam condimentum aliquet lorem, ut pellentesque arcu gravida sit amet. Aenean lobortis tempus erat et pharetra. Duis dapibus massa gravida elit viverra, ut mattis est cursus. Maecenas sed sem ac augue dapibus pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Nullam semper dapibus neque, id commodo felis efficitur a. Morbi vehicula velit sit amet fringilla malesuada. Proin elementum ac nisl quis pellentesque. Nunc dolor ante, fringilla a sem ut, maximus laoreet diam. Vivamus vel sem odio. Quisque dignissim vulputate consectetur. Integer fermentum, mauris non mattis suscipit, risus elit vestibulum turpis, cursus placerat urna metus in velit. Vivamus in lorem fermentum, malesuada ex ut, scelerisque felis. Maecenas vitae ligula posuere velit elementum congue quis eu eros. Pellentesque pharetra, velit in euismod sollicitudin, neque dolor vulputate nibh, iaculis faucibus dolor risus a ante. Etiam sit amet placerat magna, ac mollis dui. Morbi non mauris non ante tincidunt gravida. Nullam pulvinar velit eget augue maximus, sed rutrum lorem gravida. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut elit quis libero varius sollicitudin. Mauris suscipit viverra odio, id dictum dolor elementum quis.

Vivamus varius tincidunt fringilla. Sed vehicula molestie blandit. Nulla sit amet neque ex. Integer id vulputate elit. Aliquam vel tristique purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non sodales turpis. Donec varius volutpat tellus. Mauris pulvinar justo nisi, sed egestas ex lacinia non.

Proin leo dui, gravida quis enim sit amet, iaculis aliquam dui. Etiam tincidunt dolor erat, non pulvinar est accumsan in. Praesent ultrices, odio et pulvinar dictum, quam eros viverra dui, quis feugiat erat libero at lorem. Integer sed consequat diam. Aenean auctor vitae tellus eu varius. Nam sem eros, lobortis eu vehicula non, laoreet sed nunc. Proin euismod sapien nec tortor maximus bibendum. Proin sed lacus vitae sem hendrerit suscipit. Nam pharetra, lacus ac elementum elementum, lacus lorem rutrum tortor, non faucibus nisl diam mollis nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus.

abilities+skills

SKILLS GO HERE

history

HISTORY GOES HERE

miscellany

NOTES GO HERE

PERSONALITY ABILITIES + SKILLS
HISTORY MISCELLANY

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → aviatrix

I've been redoing the bios for several of my characters to make them pretty, and when I couldn't find a design I made that suited my character's needs/gif availability, I opted to make a whole new layout instead. I had no idea what it was going to look like at the start, and just kind of... went for it and hoped for the best. I ended up with kind of a companion layout to Aviator.

The colors are taken from the ColourLovers palette Wartime Propaganda with a couple of variations to complete the look.

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

#AAA #FFF #474747 #2D2B1C #7E8176 #9E5039 #DE8064 #F2E8CF #FCF7EB

TEMPLATE →

<lj-raw><center><table style="font-family:arial; font-size: 11px; color: #2D2B1C"><tr><td>

<center>
<div style="width: 800px; height: 70px; padding: 20px;background-color: #7E8176; border-right: 1px solid #2D2B1C; border-left: 1px solid #2D2B1C; border-top: 10px solid #2D2B1C; border-bottom: 10px solid #2D2B1C; border-top-left-radius: 100%; border-top-right-radius: 100%">
<div style="display:inline-block; width: 250px; vertical-align:middle; margin: 4px; margin-top: -5px; font-family:palatino linotype, palatino, georgia; font-size: 20px; letter-spacing: 1px; text-align:right; color: #F2E8CF">CHARACTER •</div>
<img src="TOPIMAGE" style="vertical-align:middle;display:inline-block; height: 100px; border-radius: 100%; border: 4px solid #AAA; border-bottom: 6px solid #AAA; box-shadow: 1px 3px 5px #474747">
<div style="display:inline-block; width: 250px; vertical-align:middle; margin: 4px; margin-top: -5px; font-family:palatino linotype, palatino, georgia; font-size: 20px; letter-spacing: 2px; text-align:left; color: #F2E8CF">• CODENAME</div>
</div>

<div style="height: 257px; overflow:auto; border-bottom: 3px solid #9E5039">
<table align="center" style="width: 100%; font-size: 11px; color: #2D2B1C; padding: 10px;">
<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>

<table align="center" style="font-size: 9px; color: #2D2B1C">
<tr><td valign="top" style="opacity: .5">PLAYER.</td><td>Playername</td></tr>
<tr><td valign="top" style="opacity: .5">EMAIL.</td><td>email@email.com</td></tr>
<tr><td valign="top" style="opacity: .5">AIM.</td><td>aim name</td></tr>
<tr><td valign="top" style="opacity: .5">CDJ.</td><td>cdjname</td></tr>
<tr><td valign="top" style="opacity: .5">TIME ZONE.</td><td>Time Zone</td></tr>
<tr><td valign="top" style="opacity: .5">PB.</td><td>PB Name.<br><br></td></tr>
</table></div>

</div>

<span style="display:block; font-family: palatino linotype, palatino, georgia; font-style:italic; font-size: 50px; font-weight:bold; letter-spacing: -4px; margin-bottom:-22px; text-align:right; color: ">personality</span>

PERSONALITY GOES HERE

</div>
</div>

SKILLS GO HERE

</div>
</div>

HISTORY GOES HERE

</div>
</div>

NOTES GO HERE

</div>
</div>

</div>

<div style="width: 800px; padding: 20px;background-color: #7E8176; border-right: 1px solid #2D2B1C; border-left: 1px solid #2D2B1C; border-bottom: 10px solid #2D2B1C; border-top: 10px solid #2D2B1C; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%">
<a href="#1" style="display:inline-block; width: 300px; margin-top: 4px; margin-right: 70px; border: 2px solid #AAA; border-bottom-left-radius: 30px;padding: 5px; background-color: #9E5039; background:linear-gradient(to bottom, #DE8064, #9E5039);background:-moz-linear-gradient(top, #DE8064, #9E5039); background:-webkit-linear-gradient(top, #DE8064, #9E5039) ; font-size: 11px; letter-spacing: 4px;text-transform:uppercase; color: #F2E8CF; text-decoration:none">PERSONALITY</a>
<a href="#2" style="display:inline-block; width: 300px; margin-top: 4px; margin-left: 70px; border: 2px solid #AAA; border-bottom-right-radius:30px; padding: 5px; background-color: #9E5039; background:linear-gradient(to bottom, #DE8064, #9E5039);background:-moz-linear-gradient(top, #DE8064, #9E5039); background:-webkit-linear-gradient(top, #DE8064, #9E5039) ;font-size: 11px; letter-spacing: 4px; text-transform:uppercase; color: #F2E8CF; text-decoration:none">ABILITIES + SKILLS</a>
<br>
<a href="#3" style="display:inline-block; width: 250px; margin: 4px; margin-right: 70px; border: 2px solid #AAA; border-bottom-left-radius: 30px;padding: 5px; background-color: #9E5039;background:linear-gradient(to bottom, #DE8064, #9E5039);background:-moz-linear-gradient(top, #DE8064, #9E5039); background:-webkit-linear-gradient(top, #DE8064, #9E5039) ; font-size: 11px; letter-spacing: 4px; text-transform:uppercase; color: #F2E8CF; text-decoration:none">HISTORY</a>
<a href="#4" style="display:inline-block; width: 250px; margin: 4px; margin-left: 70px; border: 2px solid #AAA; border-bottom-right-radius:30px; padding: 5px; background-color: #9E5039;background:linear-gradient(to bottom, #DE8064, #9E5039);background:-moz-linear-gradient(top, #DE8064, #9E5039); background:-webkit-linear-gradient(top, #DE8064, #9E5039) ; font-size: 11px; letter-spacing: 4px; text-transform:uppercase; color: #F2E8CF; text-decoration:none">MISCELLANY</a>
<br>

</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: #9E5039">SUPERSUITS</a></div>

</center></lj-raw>

instructions →
1. Copy/paste the code into your entry.
2. Replace "TOPIMAGE" with a gif or userpic of your choice. This is width-variable, so it will accommodate both square and rectangular images.
3. Replace "BOTTOMGIF" with a gif or image of your choice. This is height-variable, so while it will accommodate gifs of different height/width ratios, you may have to adjust the margin-top tag to get it to line up with the nav buttons properly. I've been fiddling with it while picking example gifs and it usually only needs a variance of about 10 pixels to be fixed.
4. 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

	affictitious 2014-09-27 07:14 pm UTC (link)
	God dang, woman! This is wonderful! (Reply to this) (Thread)

	wearestardust 2014-09-27 07:17 pm UTC (link)
	Thank you! ♥ ♥ ♥ (Reply to this) (Parent) (Thread)

	affictitious 2014-09-27 07:22 pm UTC (link)
	You're welcome! :3 (Reply to this) (Parent)