Nami Codes

<style type="text/css">

.pfor {display: none;}
body { overflow: hidden; }
body {background-image:url("http://img.wallpaperstock.net:81/light-orange-abstract-pattern-wallpapers_35104_2560x1600.jpg");
background-size: cover;}
#profile {background-color: transparent;}
#profile {border: 0px;}

h1{
font-family: anthro, monospace;
font-size: 10px;
font-color: white;
background-color: #999999;
padding-left: 10px;
letter-spacing: 6px;
text-align: left;
}

h2{
font-family: anthro, monospace;
font-size: 10px;
font-color: white;
background-color: #999999;
letter-spacing: 6px;
padding-left: 10px;
text-align: center;
}


a:link, a:visited, a:active
{color: #D96B5A; text-decoration: none}
a:hover{color: 663300; cursor: help}

a:link.nav, a:visited.nav, a:active.nav
{color: #000;
display: block;
background-color: #999999;
font: normal 11px anthro;
text-transform: uppercase;
letter-spacing: 5px;
text-decoration: none}
a:hover.nav{color: fff; background-color: grey; cursor: url()}



#content {

font-family: anthro;
font-color: white;
font-size: 11px;
text-align: left;
font-weight: 600;
position: absolute;
letter-spacing: 2px;
top: 300px;
left: 200px;
width: 300px;
height: 350px;
overflow: hidden;
background-color: #FFFF99;
padding: 1px;
border: 3px solid #999999;
border-top: 3px dotted #999999;
cursor: url()
opacity: 0.9;
}

#nami {

height: 259px;
width: 302px;
top: 42px;
left: 200px;
position: absolute;
background-image:url('http://fc09.deviantart.net/fs70/f/2013/075/3/a/commission__nami_ii_by_flowerxl-d5g20vs.jpg');
background-size: 300px 400px;;
border: 3px solid #999999;
border-bottom: none;
border-top: none;
opacity: 0.9;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}



#navbar {
text-align: right ;
width: 100px;
height: 300px;
position: absolute;
top: 300px;
left: 100px;
z-index: 7;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}


#1, #2, #3, #4, #5 {

width: 300px;

height: 300px;

overflow: auto;

</style>

<div id="navbar">

<a class="nav" href="#001">Basic</a><br>

<a class="nav" href="#002">Stats</a><br>

<a class="nav" href="#003">History</a><br>

<a class="nav" href="#004">Friends</a><br>

<a class="nav" href="#005">OOC</a><br>
</div>

<img src="" width="400" border="0">

<div id="content">

	<a name="001"></a>


	<div style="width: 400px; height: 555px; top: 5px; overflow: auto;" align="left" ;="" padding:="3px" 10px;="">


<h1>Nami</h1>

Stats will go here.

<br><br><br><br><br><br><br><br><br>
<center>
<h2>More stuff</h2>
</center>
Other basic stuff will go here.

</div>

<div style="height: 555x; overflow-y: hidden;">

	<a name="002"></a>

<div style="width: 400px; height: 555px; top: 5px; overflow: auto;" align="left">

<h1>Stats</h1>




Battle Data will go here.






</div>

<div style="height: 555x; overflow-y: hidden;">

	<a name="003"></a>

<div style="width: 400px; height: 555px; top: 5px; overflow: auto;" align="left">

<h1>History</h1>





History will go here.



</div>

<div style="height: 555x; overflow-y: hidden;">

	<a name="004"></a>

<div style="width: 400px; height: 555px; top: 5px; overflow: auto;" align="left">

<h1>Friends</h1>

Friend's list will go here.





</div>

<div style="height: 555x; overflow-y: hidden;">

	<a name="005"></a>

<div style="width: 400px; height: 555px; top: 5px; overflow: auto;" align="left">

<h1>OOC</h1>


Out of character will go here.



</div></div></div></div></div></div>

<div id="nami">
</div>