AU Profile Code

[randomtology]

Hello everyone! Today I'm bringing you a profile code that was made primarily with AU RPs in mind, as there's a lot of great ones out there!

Name McName

"Quote Goes Here"

AU

CANON

BASICS.

NAME.	Name
NICKNAME.	Nickname
AGE.	Age
BIRTHDAY.	Birthay
RESIDENCE.	Residence
OCCUPATION.	Occupation
ORIENTATION.	Whatever floats your boat
DATING STATUS.	Status
HEIGHT.	Height
BUILD.	Build
HAIR.	Hair
EYES.	Eyes
PLAYER.	your name
JOURNAL.	your jorunal
TIME ZONE.	timezone

PERSONALITY.

Personality goes here.

HISTORY.

History goes here.

ABILITIES.

Ability Name

Status

Description of Ability

ITEMS.

Item Name

Status

Item Description

EXTRA.

Fill this area with whatever you need!

Bio

Personality

History

Abilities

Items

Extra

Name McName

"Quote goes here"

AU

CANON

BASICS.

NAME.	Name
NICKNAME.	Nickname
AGE.	Age
BIRTHDAY.	Birthday
OCCUPATION.	Occupation
RESIDENCE.	Residence
ORIENTATION.	whatever floats your boat
DATING STATUS.	Status
HEIGHT.	Height
BUILD.	Build
HAIR.	Hair
EYES.	Eyes

PERSONALITY.

Enter personality here!

HISTORY.

Enter History here!

ABILITIES.

Ability Name

Status

Description

Bio

Personality

History

Abilities

Code by Yuff

Live Preview

This code comes in two varieties: one with an extra character section if you're playing an AU, and one version with no extra page for people playing straight from canon or an OC.

AU CHART

NON-AU CHART

<cut><raw-code> <div style="display: block; height: 10px; width: 748px; margin: auto; background-color: #e3e3e3; border-right: 1px solid #9d9d9d; border-top: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d;"></div> <div style="display: block; overflow: hidden; margin: auto; height: 490px; width: 750px; overflow: hidden;"> <!--START AU--> <div style="display: block; height: 490px; width: 750px; "> <a name="au"></a> <!--START BODY--> <div style="height: 450px; width: 748px; overflow: hidden; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1); border-right: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d;"> <!--START IMAGE SIDEBAR--> <div style="display: inline-block; width: 204px; height: 430px; float: left; margin: 10px;"> <img src="IMG-URL" alt="Name" style="height: 200px; width: 200px; border: 2px solid #9d9d9d; border-radius: 100%;"> <div style="display: inline-block; width: 200px; height: 25px; line-height: 25px; margin-top: 10px; margin-left: 2px; font-weight: bold; font-variant: small-caps; font-size: 20px; font-family: Tahoma; text-align: center; color: #3765b7;"> Name McName </div> <div style="display: inline-block; width: 190px; height: 90px; margin-top: 20px; margin-left: 2px; background: rgba(255,255,255,0.4); font-family: Verdana; font-size: 120%; color: #3765b7; font-style: italic; padding: 5px;"> "Quote Goes Here" </div> <!--START SWITCH PANEL--> <div style="display: block; height: 20px; width: 80px; padding-top: 25px; margin: auto;"> <div style="display: inline-block; border: 1px solid #3765b7; font-weight: bold; font-size: 110%; padding: 2px; color: #3765b7; background: #f7f7f7; font-family: Tahoma;">AU</div> <div style="display: inline-block; border: 1px solid #9d9d9d; padding: 2px; background: #e3e3e3;"> <a href="#canon" style="text-decoration: none; color: #81089e; font-family: Tahoma;">CANON</a></div></div> <!--END SWITCH PANEL--> </div> <!--END IMAGE SIDEBAR--> <!--START INFO BOX--> <div style="display: inline-block; width: 500px; height: 435px; margin-left: 9px; overflow: hidden; border: 1px solid #9d9d9d; background-color: rgba(255, 255,255, 0.4);"> <!--START BIO--> <a name="aubio"></a> <div style="width: 480px; height: 435px; overflow: auto; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Verdana; padding-right: 5px;">BASICS.</span></div> <table style="text-align: left; font-family: tahoma; font-size: 90%;"> <tr><td><span style="font-weight: bold; color: #3765b7;">NAME.</span></td><td>Name</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">NICKNAME.</span></td><td>Nickname</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">AGE.</span></td><td>Age</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">BIRTHDAY.</span></td><td>Birthay</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">RESIDENCE.</span></td><td>Residence</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">OCCUPATION.</span></td><td>Occupation</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">ORIENTATION.</span></td><td>Whatever floats your boat</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">DATING STATUS.</span></td><td>Status</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">HEIGHT.</span></td><td>Height</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">BUILD.</span></td><td>Build</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">HAIR.</span></td><td>Hair</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">EYES.</span></td><td>Eyes</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">PLAYER.</span></td><td>your name</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">JOURNAL.</span></td><td>your jorunal</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">TIME ZONE.</span></td><td>timezone</td></tr> </table> </div> <!--ENDBIO--> <!--START PERSONALITY--> <a name="aupersonality"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">PERSONALITY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana; font-size: 90%"> Personality goes here. </div></div> <!--END PERSONALITY--> <!--START HISTORY--> <a name="auhistory"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">HISTORY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana; font-size: 90%"> History goes here. </div></div> <!--END HISTORY--> <!--START ABILITIES--> <a name="auabilities"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">ABILITIES.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana;"> <!--START ABILITY--> <div style="display: block; margin-top: 10px; margin-bottom: 10px;"> <!--START ABILITY INFO--> <div style="display: block;"> <div style="display: inline-block; width: 40%; font-weight: bold; vertical-align: top; font-size: 140%; color: #3765b7; font-variant: small-caps; font-family: Candara;"> Ability Name </div> <div style="display: inline-block; padding-top: 1%; padding-right: 1%; font-size: 110%; float: right; font-weight: bold; font-variant: small-caps; font-family: Candara;"> Status </div></div> <!--END ABILITY INFO--> <!--START ABILITY DESCRIPTION--> <div style="display: inline-block; padding: 5px; padding-left: 10px; font-size: 90%; width: 300px;"> Description of Ability </div> <!--END DESCRIPTION--> <!--BARS START--> <div style="display: inline-block; float: right; height: 10px; width: 130px; border: 1px solid #9d9d9d; margin-bottom: 3px; margin-top: 8px; background: #FFF;"> <div style="height: 100%; width: PERCENT%; background: #3765b7;"></div></div> <!--BARS END--> </div> <!--END ABILITY--> </div></div> <!--END ABILITIES--> <!--START ITEMS--> <a name="auitems"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">ITEMS.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana;"> <!--START ITEM--> <div style="display: block; margin-top: 10px; margin-bottom: 10px;"> <!--START ITEM INFO--> <div style="display: block;"> <div style="display: inline-block; width: 40%; font-weight: bold; vertical-align: top; font-size: 140%; color: #3765b7; font-variant: small-caps; font-family: Candara;"> Item Name </div> <div style="display: inline-block; padding-top: 1%; padding-right: 1%; font-size: 110%; float: right; font-weight: bold; font-variant: small-caps; font-family: Candara;"> Status </div></div> <!--END ITEM INFO--> <!--START ITEM DESCRIPTION--> <div style="display: block; padding: 5px; padding-left: 10px; font-size: 90%;"> Item Description </div> <!--END DESCRIPTION--> </div> <!--END ITEM--> </div></div> <!--END ITEMS--> <!--START EXTRA--> <a name="auextra"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">EXTRA.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-familly: Verdana; font-size: 90%;"> Fill this area with whatever you need! </div></div> <!--END EXTRAS--> </div> <!---END INFO BOX--> </div> <!--END BODY--> <!--START NAV--> <div style="display: block; width: 750px; height: 40px; margin: auto;"> <center> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#aubio" style="text-decoration: none; color: #3765b7;">Bio</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#aupersonality" style="text-decoration: none; color: #3765b7;">Personality</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auhistory" style="text-decoration: none; color: #3765b7;">History</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auabilities" style="text-decoration: none; color: #3765b7;">Abilities</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auitems" style="text-decoration: none; color: #3765b7;">Items</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auextra" style="text-decoration: none; color: #3765b7;">Extra</a></div> </center></div> <!--END NAV--> </div> <!--END AU--> <!--START CANON--> <div style="display: block; height: 490px; width: 750px; overflow: hidden;"> <a name="canon"></a> <!--START BODY--> <div style="height: 450px; width: 748px; overflow: hidden; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1); border-right: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d;"> <!--START IMAGE SIDEBAR--> <div style="display: inline-block; width: 204px; height: 430px; float: left; margin: 10px;"> <img src="IMG-URL" alt="Name" style="height: 200px; width: 200px; border: 2px solid #9d9d9d; border-radius: 100%;"> <div style="display: inline-block; width: 200px; height: 25px; line-height: 25px; margin-top: 10px; margin-left: 2px; font-weight: bold; font-variant: small-caps; font-size: 20px; font-family: Tahoma; text-align: center; color: #81089e;"> Name McName </div> <div style="display: inline-block; width: 190px; height: 90px; margin-top: 20px; margin-left: 2px; background: rgba(255,255,255,0.4); font-family: Verdana; font-size: 120%; color: #81089e; font-style: italic; padding: 5px;"> "Quote goes here" </div> <!--START SWITCH PANEL--> <div style="display: block; height: 20px; width: 80px; padding-top: 25px; margin: auto;"> <div style="display: inline-block; border: 1px solid #9d9d9d; padding: 2px; background: #e3e3e3;"> <a href="#au" style="text-decoration: none; font-family: Tahoma; color: #3765b7;">AU</a></div> <div style="display: inline-block; border: 1px solid #81089e; font-weight: bold; font-size: 110%; padding: 2px; color: #81089e; background: #f7f7f7; font-family: Tahoma;">CANON</div></div> <!--END SWITCH PANEL--> </div> <!--END IMAGE SIDEBAR--> <!--START INFO BOX--> <div style="display: inline-block; width: 500px; height: 435px; margin-left: 9px; overflow: hidden; border: 1px solid #9d9d9d; background-color: rgba(255, 255,255, 0.4);"> <!--START BIO--> <a name="canonbio"></a> <div style="width: 480px; height: 435px; overflow: auto; padding: 10px;"> <div><span style="border-bottom: 1px solid #81089e; font-size: 200%; font-weight: bold; color: #81089e; font-family: Tahoma; padding-right: 5px;">BASICS.</span></div> <table style="text-align: left; font-family: Tahoma; font-size: 90%;"> <tr><td><span style="font-weight: bold; color: #81089e;">NAME.</span></td><td>Name</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">NICKNAME.</span></td><td>Nickname</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">AGE.</span></td><td>Age</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">BIRTHDAY.</span></td><td>Birthday</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">OCCUPATION.</span></td><td>Occupation</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">RESIDENCE.</span></td><td>Residence</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">ORIENTATION.</td><td>whatever floats your boat</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">DATING STATUS.</span></td><td>Status</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">HEIGHT.</span></td><td>Height</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">BUILD.</span></td><td>Build</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">HAIR.</span></td><td>Hair</td></tr> <tr><td><span style="font-weight: bold; color: #81089e;">EYES.</span></td><td>Eyes</td></tr> </table> </div> <!--ENDBIO--> <!--START PERSONALITY--> <a name="canonpersonality"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #81089e; font-size: 200%; font-weight: bold; color: #81089e; font-family: Tahoma; padding-right: 5px;">PERSONALITY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-size: 90%;"> Enter personality here! </div></div> <!--END PERSONALITY--> <!--START HISTORY--> <a name="canonhistory"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #81089e; font-size: 200%; font-weight: bold; color: #81089e; font-family: Tahoma; padding-right: 5px;">HISTORY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-size: 90%;"> Enter History here! </div></div> <!--END HISTORY--> <!--START ABILITIES--> <a name="canonabilities"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #81089e; font-size: 200%; font-weight: bold; color: #81089e; font-family: Tahoma; padding-right: 5px;">ABILITIES.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px;"> <!--START ABILITY--> <div style="display: block; margin-top: 10px; margin-bottom: 10px;"> <!--START ABILITY INFO--> <div style="display: block;"> <div style="display: inline-block; width: 40%; font-weight: bold; vertical-align: top; font-size: 140%; color: #81089e; font-variant: small-caps; font-family: Candara;"> Ability Name </div> <div style="display: inline-block; padding-top: 1%; padding-right: 1%; font-size: 110%; float: right; font-weight: bold; font-variant: small-caps; font-family: Candara;"> Status </div></div> <!--END ABILITY INFO--> <!--START ABILITY DESCRIPTION--> <div style="display: inline-block; padding: 5px; padding-left: 10px; font-size: 90%; width: 300px;"> Description </div> <!--END DESCRIPTION--> <!--BARS START--> <div style="display: inline-block; float: right; height: 10px; width: 130px; border: 1px solid #9d9d9d; margin-bottom: 3px; margin-top: 8px; background: #FFF;"> <div style="height: 100%; width: PERCENT%; background: #81089e;"> </div></div> <!--BARS END--> </div> <!--END ABILITY--> </div></div> <!--END ABILITIES--> </div> <!---END INFO BOX--> </div> <!--END BODY--> <!--START NAV--> <div style="display: block; width: 750px; height: 40px; margin: auto;"> <center> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#canonbio" style="text-decoration: none; color: #81089e;">Bio</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#canonpersonality" style="text-decoration: none; color: #81089e;">Personality</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#canonhistory" style="text-decoration: none; color: #81089e;">History</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#canonabilities" style="text-decoration: none; color: #81089e;">Abilities</a></div> </center></div> <!--END NAV--> </div> <!--END CANON--> </div> <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div> </raw-code>

<cut><raw-code> <div style="display: block; height: 10px; width: 748px; margin: auto; background-color: #e3e3e3; border-right: 1px solid #9d9d9d; border-top: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d;"></div> <div style="display: block; overflow: hidden; margin: auto; height: 490px; width: 750px; overflow: hidden;"> <div style="display: block; height: 490px; width: 750px; "> <!--START BODY--> <div style="height: 450px; width: 748px; overflow: hidden; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1); border-right: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d;"> <!--START IMAGE SIDEBAR--> <div style="display: inline-block; width: 204px; height: 430px; float: left; margin: 10px;"> <img src="IMG-URL" alt="Name" style="height: 200px; width: 200px; border: 2px solid #9d9d9d; border-radius: 100%;"> <div style="display: inline-block; width: 200px; height: 25px; line-height: 25px; margin-top: 10px; margin-left: 2px; font-weight: bold; font-variant: small-caps; font-size: 20px; font-family: Tahoma; text-align: center; color: #3765b7;"> Name McName </div> <div style="display: inline-block; width: 190px; height: 90px; margin-top: 20px; margin-left: 2px; background: rgba(255,255,255,0.4); font-family: Verdana; font-size: 120%; color: #3765b7; font-style: italic; padding: 5px;"> "Quote Goes Here" </div></div> <!--END IMAGE SIDEBAR--> <!--START INFO BOX--> <div style="display: inline-block; width: 500px; height: 435px; margin-left: 9px; overflow: hidden; border: 1px solid #9d9d9d; background-color: rgba(255, 255,255, 0.4);"> <!--START BIO--> <a name="aubio"></a> <div style="width: 480px; height: 435px; overflow: auto; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Verdana; padding-right: 5px;">BASICS.</span></div> <table style="text-align: left; font-family: tahoma; font-size: 90%;"> <tr><td><span style="font-weight: bold; color: #3765b7;">NAME.</span></td><td>Name</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">NICKNAME.</span></td><td>Nickname</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">AGE.</span></td><td>Age</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">BIRTHDAY.</span></td><td>Birthay</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">RESIDENCE.</span></td><td>Residence</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">OCCUPATION.</span></td><td>Occupation</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">ORIENTATION.</span></td><td>Whatever floats your boat</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">DATING STATUS.</span></td><td>Status</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">HEIGHT.</span></td><td>Height</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">BUILD.</span></td><td>Build</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">HAIR.</span></td><td>Hair</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">EYES.</span></td><td>Eyes</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">PLAYER.</span></td><td>your name</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">JOURNAL.</span></td><td>your jorunal</td></tr> <tr><td><span style="font-weight: bold; color: #3765b7;">TIME ZONE.</span></td><td>timezone</td></tr> </table> </div> <!--ENDBIO--> <!--START PERSONALITY--> <a name="aupersonality"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">PERSONALITY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana; font-size: 90%"> Personality goes here. </div></div> <!--END PERSONALITY--> <!--START HISTORY--> <a name="auhistory"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">HISTORY.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana; font-size: 90%"> History goes here. </div></div> <!--END HISTORY--> <!--START ABILITIES--> <a name="auabilities"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"><div> <span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">ABILITIES.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana;"> <!--START ABILITY--> <div style="display: block; margin-top: 10px; margin-bottom: 10px;"> <!--START ABILITY INFO--> <div style="display: block;"> <div style="display: inline-block; width: 40%; font-weight: bold; vertical-align: top; font-size: 140%; color: #3765b7; font-variant: small-caps; font-family: Candara;"> Ability Name </div> <div style="display: inline-block; padding-top: 1%; padding-right: 1%; font-size: 110%; float: right; font-weight: bold; font-variant: small-caps; font-family: Candara;"> Status </div></div> <!--END ABILITY INFO--> <!--START ABILITY DESCRIPTION--> <div style="display: inline-block; padding: 5px; padding-left: 10px; font-size: 90%; width: 300px;"> Description of Ability </div> <!--END DESCRIPTION--> <!--BARS START--> <div style="display: inline-block; float: right; height: 10px; width: 130px; border: 1px solid #9d9d9d; margin-bottom: 3px; margin-top: 8px; background: #FFF;"> <div style="height: 100%; width: PERCENT%; background: #3765b7;"></div></div> <!--BARS END--> </div> <!--END ABILITY--> </div></div> <!--END ABILITIES--> <!--START ITEMS--> <a name="auitems"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">ITEMS.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-family: Verdana;"> <!--START ITEM--> <div style="display: block; margin-top: 10px; margin-bottom: 10px;"> <!--START ITEM INFO--> <div style="display: block;"> <div style="display: inline-block; width: 40%; font-weight: bold; vertical-align: top; font-size: 140%; color: #3765b7; font-variant: small-caps; font-family: Candara;"> Item Name </div> <div style="display: inline-block; padding-top: 1%; padding-right: 1%; font-size: 110%; float: right; font-weight: bold; font-variant: small-caps; font-family: Candara;"> Status </div></div> <!--END ITEM INFO--> <!--START ITEM DESCRIPTION--> <div style="display: block; padding: 5px; padding-left: 10px; font-size: 90%;"> Item Description </div> <!--END DESCRIPTION--> </div> <!--END ITEM--> </div></div> <!--END ITEMS--> <!--START EXTRA--> <a name="auextra"></a> <div style="width: 480px; height: 435px; overflow: hidden; padding: 10px;"> <div><span style="border-bottom: 1px solid #3765b7; font-size: 200%; font-weight: bold; color: #3765b7; font-family: Tahoma; padding-right: 5px;">EXTRA.</span></div> <div style="height: 380px; overflow: auto; padding: 5px; width: 480px; font-familly: Verdana; font-size: 90%;"> Fill this area with whatever you need! </div></div> <!--END EXTRAS--> </div> <!---END INFO BOX--> </div> <!--END BODY--> <!--START NAV--> <div style="display: block; width: 750px; height: 40px; margin: auto;"> <center> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -o-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#aubio" style="text-decoration: none; color: #3765b7;">Bio</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#aupersonality" style="text-decoration: none; color: #3765b7;">Personality</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auhistory" style="text-decoration: none; color: #3765b7;">History</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auabilities" style="text-decoration: none; color: #3765b7;">Abilities</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auitems" style="text-decoration: none; color: #3765b7;">Items</a></div> <div style="display: inline-block; border: 1px solid #9d9d9d; font-weight: bold; font-variant: small-caps; font-size: 17px; font-family: Tahoma; margin: 5px 2px 5px 2px; padding: 2px; background: #e3e3e3; background: -webkit-linear-gradient(#e3e3e3, #b1b1b1); background: -moz-linear-gradient(#e3e3e3, #b1b1b1); background: linear-gradient(#e3e3e3, #b1b1b1);"> <a href="#auextra" style="text-decoration: none; color: #3765b7;">Extra</a></div> </center></div> <!--END NAV--> </div></div> <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div> </raw-code>

NOTES:

The following colors were used: #9d9d9d#e3e3e3#b1b1b1#3765b7#81089e. Text is just the default black of DW.

Profile image should be 200px x 200px for best resolution. It will automatically resize any images to fit.

If you want to add more abilities, just C&P the code from !--START ABILITY-- to !--END ABILITY--. Same applies to items.

For the ability bars, there is a bar area, and a spot where it says "width: PERCENT%;". Delete the word percent and add any number between 0 - 100.

Modifications are totally fine. I'd love to see what you do with it though!

Comments are nice but not necessary. However, please leave the credit line on!

If you like what you see, I am currently taking commissions! Take a look!