InsaneJournal

Tweak says, "You own the sunshine."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2011-05-31 17:11:00

Working Tabbed Profile

Live Example

vitals

history

Full Name:
Nickname(s):

Birth Date:
Birthplace:

Current Location:
Residence:
Occupation:

Alignment:
Affiliation:

vitals

history

Race:
Blood Line:

Wand:
Wand Core:
Wand Hand:

Patronus Guardian:
Patronus Form:
Boggart:
Animagus:

vitals

history

School:
Year:
House:
Achievements:
Extracurriculars:

Best Subject:
Worst Subject:

OWL Subjects:

Astronomy:
Charms:
CoMC:
DADA:
Divination:
Herbology:
History:
Muggle Studies:
Potions:
Transfiguration:

NEWT Subjects:

Astronomy:
Charms:
CoMC:
Herbology:
Muggle Studies:

Certifications:

vitals

history

Gender:
Nationality:

Height:
Weight:
Build:
Eyes:
Hair:
Skin:

Distinguishing Marks:
Wardrobe:

vitals

history

First Impression:

(personality)

Likes:
Dislikes:
Fears:
Quirks:

vitals

history

Orientation:
Status:
Significant Other:
Children:
Past Love(s):

Parents:
Sibling(s):
Relatives:

Best Friend(s):
Friends:

Enemies:

Pets:

vitals

history

(history)

vitals

history

Zodiac Sign:
Zodiac Symbol:
Zodiac Element:
Zodiac Quality:
Ruling Planet:
Keywords:

(astrology)

vitals

history

Played-By:
Mun:
Layout Lyrics:
Disclaimer:

Profile Layout Credit: RP Tutorials

The Code

<lj-raw>
<center>
<div style="height:400px;overflow:hidden;">

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="vitals" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<img src="" style="height:100px;width:100px;padding:2px;border:1px solid #AAA;float:right;">
Full Name: 
Nickname(s):

Birth Date: 
Birthplace:

Current Location: 
Residence: 
Occupation:

Alignment: 
Affiliation: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="magicinfo" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
Race: 
Blood Line:

Wand: 
Wand Core: 
Wand Hand:

Patronus Guardian: 
Patronus Form: 
Boggart: 
Animagus: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="education" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
School: 
Year: 
House: 
Achievements: 
Extracurriculars:

Best Subject: 
Worst Subject:

<table cellpadding="0" cellspacing="4px" style="font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="text-align:left;vertical-align:top;">
OWL Subjects:
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy: 
Charms: 
CoMC: 
DADA: 
Divination: 
Herbology: 
History: 
Muggle Studies: 
Potions: 
Transfiguration:
</td>
<td style="width:10px;">
&nbsp;
</td>
<td style="text-align:left;vertical-align:top;">
NEWT Subjects: 
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy: 
Charms: 
CoMC: 
Herbology: 
Muggle Studies:
</td>
</tr>
</table>

Certifications: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="appearance" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
Gender: 
Nationality:

Height: 
Weight: 
Build: 
Eyes: 
Hair: 
Skin:

Distinguishing Marks: 
Wardrobe: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="personality" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
First Impression:

(personality)

Likes: 
Dislikes: 
Fears: 
Quirks: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="relationships" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
Orientation: 
Status: 
Significant Other: 
Children: 
Past Love(s):

Parents: 
Sibling(s): 
Relatives:

Best Friend(s): 
Friends:

Enemies:

Pets: 
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="history" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
(history)
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="astrology" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
Zodiac Sign: 
Zodiac Symbol: 
Zodiac Element: 
Zodiac Quality: 
Ruling Planet: 
Keywords:

(astrology)
</td>
</tr>
</table>
</div>

<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="oocinfo" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
Played-By: 
Mun: 
Layout Lyrics: 
Disclaimer:

Profile Layout Credit: <a href="http://rp-tutorials.insanejournal.com/" target="_blank">RP Tutorials</a>
</td>
</tr>
</table>
</div>
</div>
</center>
</lj-raw>

Questions/Feedback?
Leave a comment to this post. Thanks. Enjoy!

More Examples
1

	hg_insufferable 2012-01-07 08:28 am UTC (link)
	Using for my Mione on my CDJ noua_viata (Reply to this) (Thread)

	(Anonymous) 2013-02-26 12:22 am UTC (link)
	Thank You (@ ^ ▽ ^ @) (Reply to this) (Parent)