Octoprofile

//**This bit goes into your profile section**\\

<style> .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }

body{ background-color:;
background-image:url('http://i.imgur.com/3oN9H9I.png');
background-repeat: repeat;
font-family: arial;
font-size: 11px;
text-align:justify;
color:#007F9F;
}
h1{ color:#34A9B1;
font-family: arial black;
font-size:24px;
text-align:right;
line-height:20px;
letter-spacing:-2px;
padding:2px;
padding-right: 20px;
margin:0px;
text-transform: uppercase;
text-shadow: #fff 1px 1px 0px;
background-image: url('http://i.imgur.com/Pu5cuHU.png');
}
a:link, a:visited, a:active { color:#e4365b; text-decoration:none } a:hover{ color:#000; text-decoration:none
}


ul#simple-menu{  list-style-type:none;
width:100%;
position:aboslute;
height:15px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:10px;
font-weight:bold;
margin:0;
padding:3px 0 0 0;
}
ul#simple-menu li{  d
isplay:block;
float:left;
margin:0 0 0 4px;
height:15px;
}
ul#simple-menu li.left{  margin:0;  }
ul#simple-menu li a{
display:block;
float:left;
color:#fff;
background:#4A6867;
line-height:15px;
text-decoration:none;
padding:0 17px 0 5px;
height:15px;
}
ul#simple-menu li a.right{  padding-right:19px;  }
ul#simple-menu li a:hover{  background:#2E4560;  }
ul#simple-menu li a.current{  color:#2E4560;  background:#fff;  }  ul#simple-menu li a.current:hover{  color:#2E4560;  background:#fff;}

textarea{ background-color:#555555;
border:1px solid #6D898A;
width: 300px;
height: 30px;
color:#007F9F;
font-family: verdana;
font-size: 10px;
}
blockquote{
background-color:#555555;
color:black;
text-align:right;
line-height:15px;
background-image: url('http://i.imgur.com/hZJxP67.png');
background-repeat: no-repeat;
padding:18px;
}

.banners {
width: 400px;
height: 120px;
filter: alpha(opacity=100)
-moz-opacity:.80;
opacity: .80;
margin: 0px;
margin-left: 5px;
padding: 2px;
background: url('http://i.imgur.com/Yu6giwy.pngg'); background-repeat: repeat; background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.banners:hover {
background: url('http://i.imgur.com/Yu6giwy.png'); background-repeat: repeat; background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.thefriends {
width: 100px;
height: 100px;
filter: alpha(opacity=100)
-moz-opacity:.80;
opacity: .80;
margin: 3px;
margin-left: 5px;
padding: 2px;
background: url('http://i.imgur.com/Yu6giwy.png');
background-repeat: repeat;
background-position:top center;
background-attachment: scrolling;
border: 0px solid ;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.thefriends:hover {
width: 100px;
height: 100px;
background: url('http://i.imgur.com/Yu6giwy.png'); background-repeat: repeat; background-position:top center;
border: 0px solid ;
filter: alpha(opacity=70)
-moz-opacity:.70;
opacity: .70;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

img.border {
padding: 17px;
margin:0px;
background-color: #ccc;
border:1px solid #bebebe; } </style>

<style> A.navi:link, A.navi:active, A.navi:visited
{ display:block;
float:left;
color:#fff;
background:#4A6867;
line-height:15px;
text-decoration:none;
padding:5px 5px 0 5px;
height:15px;
border-radius:35px 36px 10px 10px;
-moz-border-radius:35px 36px 10px 10px;
-webkit-border-radius:35px 36px 10px 10px;
}
A.navi:hover
{ background-color: #2E4560;
color: #ffF;
-webkit-transition: all .9s ease;
-moz-transition: all .5s ease;
-o-transition: all .9s ease border-radius:35px 36px 10px 10px;
-moz-border-radius:35px 36px 10px 10px; -webkit-border-radius:35px 36px 10px 10px;}    </style>


//**This bit goes into your likes section**\\

<div style="position: absolute; left:800px; top: 75px; width:290px; height:25px; padding:3px; background-color:#1c1c1c; border:ridge 2px #6D898A;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-box-shadow: 0px 7px 23px #000000;  -webkit-box-shadow: 0px 7px 23px #000000;">

<a href="#1" class="navi">About</a> <a href="#2" class="navi">Elsewhere</a> <a href="#3" class="navi">Ships</a> <a href="#4" class="navi">Likes</a> <a href="#5" class="navi">Friends</a> <a href="#6" class="navi">Cults</a> </div></div> </td><td>


<div style="position: absolute; left:785px; top: 620px; width:455px; height:25px; padding:3px; background-color:#1c1c1c; border:ridge 2px #6D898A;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-box-shadow: 0px 7px 23px #000000;  -webkit-box-shadow: 0px 7px 23px #000000;">  <div id="demo-container">
<ul id="simple-menu">
<li><a href="http://vampirefreaks.com/profiles/home.php" class="current"><span>Home</span></a></li>
<li><a href="http://vampirefreaks.com/journal/EmiChild"><span>Journal</span></a></li>
<li><a href="http://vampirefreaks.com/gallery/EmiChild"><span>Gallery</span></a></li>
<li><a href="http://vampirefreaks.com/user_comment.php?user=EmiChild&amp;rate=1"><span>Comment</span></a></li>
<li><a href="http://vampirefreaks.com/profile_action.php?user=EmiChild"><span>Favorite</span></a></li>
<li><a href="http://vampirefreaks.com/profile_action.php?user=EmiChild"><span>Shitlist</span></a></li>
<li><a href="http://vampirefreaks.com/profile_action.php?user=EmiChild"><span>Block</span></a></li>    </ul> </div>  </div>


<div class="container"> <a name="1"></a> <div class="section">    <h1>About</h1><br />
  <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <b>dolore</b> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <center><textarea rows="10" cols="50">this is the textarea</textarea></center><p>    <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <blockquote> <b>This is a blockquote!</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</blockquote><p> </div>


<a name="2"></a> <div class="section"> <h1>Elsewhere</h1>
  <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <b>dolore</b> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <center><textarea rows="10" cols="50">this is the textarea</textarea></center><p>    <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <blockquote> <b>This is a blockquote!</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</blockquote><p>


</div>


    <a name="3"></a> <div class="section"> <h1>Ships</h1>
  <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <b>dolore</b> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <center><textarea rows="10" cols="50">this is the textarea</textarea></center><p>    <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <blockquote> <b>This is a blockquote!</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</blockquote><p>

</div>

 <a name="4"></a> <div class="section"> <h1>Likes</h1>
  <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet <b>dolore</b> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <center><textarea rows="10" cols="50">this is the textarea</textarea></center><p>    <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <p>    <blockquote> <b>This is a blockquote!</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</blockquote><p>


</div>

  <a name="5"></a> <div class="section"> <h1>Friends</h1>
<center><img src="ICON HERE 100x100best" class="thefriends" />
<img src="ICON HERE 100x100best" class="thefriends" />
<img src="ICON HERE 100x100best" class="thefriends" />
<img src="ICON HERE 100x100best" class="thefriends" />
<img src="ICON HERE 100x100best" class="thefriends" />
<img src="ICON HERE 100x100best" class="thefriends" /></center>

</div>


   <a name="6"></a> <div class="section"> <h1>cults</h1>
<img src="Banner Link Here" class="banners" />
<img src="Banner Link Here" class="banners" />
<img src="Banner Link Here" class="banners" />
<img src="Banner Link Here" class="banners" />
<img src="Banner Link Here" class="banners" />



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

<style> body, html {  background: url('http://i.imgur.com/3oN9H9I.png');  background-repeat: repeat;  background-position:left top;  background-attachment: fixed;  } </style>