Login Sign Up Browse Users Random Profiles Browse Cults Browse Events Messageboard Chatroom Band Profiles Radio Digital Music Store VF Clothing Store

True Blood Layouts

.gallery1, .galleryscroll, .information, .topprofile, .about, .likes1, .dislikes1, .cults1, .friends1, .navigation { position:relative; color:#FFFFFF; font: arial; font-size:11px; line-height:12px; text-align:left; font-weight: normal; overflow:auto;}

.gallery1 { width: 250px; float:left; top: 600px; left: 349px }
.galleryscroll { width: 545px; float:left; top: 830px; right: 50px }
.information { width: 114px; float:left; top: 990px; right: 570px }
.topprofile { width: 414px; float:left; top: 885px; left: 110px }
.about { width: 145px; float:left; top: 1030px; right: 460px }
.likes1 { width: 120px; float:left; top: 1025px; right: 450px }
.dislikes1 { width: 118px; float:left; top: 850px; left: 75px }
.cults1 { width: 285px; float:left; top: 730px; left: 488px }
.friends1 { width: 265px; float:left; top: 933px; left: 100px }
.navigation{ width: 925px; float:left; top: 930px; left: 27px }

#size1 {  height: 185px;  }
#size2 {  height: 125px;  }
#size3 {  height: 120px;  }
#size4 {  height: 110px;  }
#size5 {  height: 300px;  }
#size6 {  height: 70px;  }
#size7 {  height: 180px;  }
#size8 {  height: 65px;  }
#size9 {  height: 105px;  }
#size10 {  height: 20px;  }

u {
    font-family: arial;
    font-face: arial;
    font-weight: none;
    color:#333333;
    border-bottom:1px dotted;
    border-bottom-color:#A1696A;
    text-align: left;
}  
 .standard b, p b, B, strong {
    font-family: arial;
    color: black;
    font-weight: bold;
    border: 0px;
}  
 a:link, a.man {
    font-family: arial;
    font-size: 10px;
    color: #A1696A;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:active, a:visited {
    font-family: arial;
    font-size: 10px;
    color: #A1696A;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:hover {
    font-family: arial;
    font-size: 10px;
    color: #FFFFFF;
    background-color: transparent;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}

body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
}

</style>

<div id="size2" class="galleryscroll">
<marquee scrollamount="3"><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" border="0" /></a><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" border="0" /></a><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" border="0" /></a><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" border="0" /></a><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" border="0" /></a>Pics here. Whether it be of you or signs made for you or anything of your favor.</marquee>
</div>

<div id="size3" class="information">
<b>Sex:</b><br />
<b>Age:</b><br />
<b>DOB:</b><br />
<b>Residence:</b><br />
<b>Occupation:</b><br />
<b>Hobbies:</b><br />

</div>

<div id="size4" class="topprofile">
Top Profile Banner Goes Here!
</div>

<div id="size5" class="about">
Write about yourself here.

<center><b>Bold</b><br />
<u>Underline</u><br />
<a href="link">A link</a></center>
</div>

<div id="size6" class="likes1">
Likes go here.
</div>

<div id="size7" class="cults1">
Your cults banners go here.
</div>

<div id="size8" class="dislikes1">
Dislikes go here.
</div>

<div id="size10" class="navigation">
<center><a href="ENTER DESTINATION">-MAIN-  </a>   <a href="ENTER DESTINATION">-JOURNAL-  </a>   <a href="ENTER DESTINATION">-ADD AS A FRIEND-  </a>   <a href="ENTER DESTINATION">-RATE/COMMENT-  </a>   <a href="ENTER DESTINATION">-FAVE ME-  </a>   <a href="ENTER DESTINATION">-LOG OUT-</a></center>
</div>

</div>

body {
scrollbar-3dlight-color: #696969;
scrollbar-arrow-color: #DB7093;
scrollbar-darkshadow-color: #363636;
scrollbar-face-color: black;
scrollbar-highlight-color: #F8F8FF;
scrollbar-shadow-color: #8B2323;
scrollbar-track-color: #363636;
}

.maintop table { display: none; } 
.maintop img { display: none; } 
.maintop { display: none; } 
.leftnav { display: none; } 
h2 { display: none;} 
.topbar { display: none; } 
.defaultpic { display: none; } 
.thumbnail { display: none; } 
.gallery { display: none; } 
.videos { display: none; } 
.userinfo { display: none; } 
.journal_entry { display: none; } 
.profile_title, .likes_title, .dislikes_title, .music_title { display: none; } 
.buttons1 { display: none; } 
.profilepages { display: none; } 
.friends{   display: none;   }
.addshitlist input { display: none; }
input { display:none;}
input { background: black;
color: white;
border: 1px solid #F3747F;
font-size: 8pt; } 
.rate { display: none; } 
.comment_title { display: none; } 
.comments { display: none; } 
.main { background: #A1696A; } 
.main table br { display: inline; }

</style>

body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
}

.linksbox, .mainbox { position:relative; color:#FFCC99; overflow:auto; text-align:left; font-family:Vrinda; float:left; font:Vrinda; font-size: 13px; font-weight:normal; line-height: 14px;}

.linksbox {
    width: 970px;
    top: 10px;
    left:25px;
    border-bottom:dotted 1px;
    border-bottom-color:#FF6699;
}
.mainbox { width: 460px; top:100px; left:515px; letter-spacing:1px;}

#size1 {height:20px;}
#size2 {height:450px;}

.mainbox h1 {
    font-family: Futura;
    font-size:14px;
    font-weight: none;
    text-transform : lowercase;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
    color:#FF6699;
    background-color:#000000;
    text-align: center;
    border: solid #FFCC99 1px;
} 
  
 u {
    font-family: Vrinda;
    font-weight: none;
    color:#FFFFFF;
    border-bottom:dotted #FF6699 1px;
    text-align: left;
}  
 .standard b, p b, B, strong {
    font-family: arial;
    color: #FF6666;
    font-weight: bold;
    border: 0px;
    letter-spacing: 2px;
    font-size: 8px;
}  
 a:link, a.man {
    font-family: Vrinda;
    font-size: 14px;
    color: #FFCC99;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:active, a:visited {
    font-family: Vrinda;
    font-size: 14px;
    color: #FFCC99;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:hover {
    font-family: Vrinda;
    font-size: 14px;
    color: #FF6699;
    background-color: transparent;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
    border-bottom: dotted #FFCC99 1px;
}

</style>

<div id="maindiv_01">
<div id="size1" class="linksbox">
<center><a href="http://vampirefreaks.com/vfmain.php">Main</a>  //  <a href="YOUR JOURNAL LINK GOES HERE">My Journal</a> // <a href="YOUR ADD LINK GOES HERE">Add</a> // <a href="YOUR RATE AND COMMENT LINK GOES HERE">Rate and Comment</a> // <a href="YOUR CULTS LINK GOES HERE">Rate and Comment</a> // <a href="YOUR GALLERY LINK GOES HERE">Gallery</a></center>
</div>

<div id="size2" class="mainbox">
<center>Main info goes here<br />
<b>Bold</b><br />
<u>Underline</u><br /><br /><br /><br />

<h1>Follow these instructions please!</h1><br /><br />
~<b>DO NOT</b> remove the credit.<br />
~<b>DO NOT</b> alter the codes because you might mess up the layout.<br />
~Where ever it says to <i>"add your ________ link here"</i> you have to go to your gallery or your cults link and <b>copy and paste your link</b> in there to lead to those destinations.<br />
~The h1 codes where you see the <i>"likes // dislikes"</i> and <i>"music can go here"</i> titles can be edited to your liking what ever you want it to say.
<br /><br /><br /><br />

<h1>Likes // Dislikes</h1><br />
Likes and dislikes go here.<br />
blahblahblahblahblahblahblahblahblahblahblahblah

<h1>Music can go here</h1><br />
Put your text here....blah blah blah

</center>
</div>

</div>

body {
scrollbar-3dlight-color: #CD5C5C;
scrollbar-arrow-color: black;
scrollbar-darkshadow-color: #36648B;
scrollbar-face-color: #FFA07A;
scrollbar-highlight-color: #F08080;
scrollbar-shadow-color: #EE6363;
scrollbar-track-color: #363636;
}

.maintop table { display: none; } 
.maintop img { display: none; } 
.maintop { display: none; } 
.leftnav { display: none; } 
h2 {
margin-top: 10px;
margin-bottom: 1px;
} 
h2 {
font-size: 0pt;
color: black;
background: url('http://i50.tinypic.com/2uh02yq.jpg');
width: 800px;
height: 100px;
} 
.topbar { display: none; } 
.defaultpic { display: none; } 
.thumbnail { display: none; } 
.gallery { display: none; } 
.videos { display: none; } 
.userinfo { display: none; } 
.journal_entry { display: none; } 
.profile_title, .likes_title, .dislikes_title, .music_title { display: none; } 
.buttons1 { display: none; } 
.profilepages { display: none; } 
.friends{   display: none;   }
.addshitlist input { display: none; }
input { display:none;}
input { background: black;
color: white;
border: 1px solid #F3747F;
font-size: 8pt; } 
.rate { display: none; } 
.comment_title { display: none; } 
.comments { display: none; } 
.main { background: black; } 
.main table br { display: inline; }

</style>

.linkbox, .aboutbox, .gallerybox, .likesbox, .cultsbox, .friendsbox {
    position:relative;
    color:#FFFFFF;
    overflow:auto;
    text-align:left;
    font:tahoma;
    font-size:10px;
    line-height:12px;
    font-weight:normal;
}

.linkbox { width:800px; float:left; left:100px; top:460px; overflow:hidden; border:none;}
.aboutbox { width:443px; float:left; left:150px; top:520px; }
.gallerybox { width:259px; float:left; left:160px; top:520px; overflow:hidden; }
.likesbox { width:345px; float:left; right:295px; top:680px; }
.cultsbox { width:260px; float:left; left:602px; top:407px; }
.friendsbox { width:350px; float:left; left:245px; top:575px; }

#size1 { height:30px; }
#size2 { height:215px; }
#size3 { height:118px; }
#size4 { height:155px; }
#size5 { height:125px; }
#size6 { height:115px; }

body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
}

u {
    font-size: 10px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    font: tahoma;
    border-bottom-color: #CC0033;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

b, strong { font-weight:bold; color:#666666;}

.linkbox h1, .aboutbox h1, .gallerybox h1, .likesbox h1, .cultsbox h1, .friendsbox h1 { background-color:#333333; color:#CC0033; font-size:12px; font-variant:small-caps; font-weight: bold; text-align:center; padding-top:1px; padding-bottom:1px;  }

a:link, a.man {
    font-family: tahoma;
    font-size: 10px;
    color: #CC0033;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:active, a:visited {
    font-family: tahoma;
    font-size: 10px;
    color: #CC0033;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:hover {
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
    background-color:#333333;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}

</style>

<div id="size2" class="aboutbox">
<center>About info here.<br />
<u>Underline</u><br />
<b>Bold</b><br />
<a href="a link">Link</a><br /></center>
<h1>Follow these instructions!</h1>
Whenever you see areas to put photo's in and areas where you see links like <u>main, friend me, journal etc.</u> you must read what I put in caps. If I put <b>GALLERY LINK HERE</b> you must put the link to your gallery in order for it to actually link to your gallery. You will also see <b>FRIEND PROFILE LINK HERE</b> 
</div>

<div id="size3" class="gallerybox">
<center><a href="GALLERY LINK HERE"><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" /></a> <a href="GALLERY LINK HERE"><img src="http://i215.photobucket.com/albums/cc86/layoutsbyaudrey/yourphotohere.jpg" /></a><br /> no larger than h=110 w=259</center>
</div>

<div id="size4" class="likesbox">
<h1>Likes</h1>
Likes here.
<h1>Dislikes</h1>
Dislikes here.
</div>

<div id="size5" class="cultsbox">
Cult banners or links go here.
</div>

</div>

body {
scrollbar-3dlight-color: #8B0000;
scrollbar-arrow-color: #B22222;
scrollbar-darkshadow-color: #8B1A1A;
scrollbar-face-color: black;
scrollbar-highlight-color: #CD0000;
scrollbar-shadow-color: #8B2323;
scrollbar-track-color: #363636;
}

</style>

body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
}

.navigation, .greetings1, .gallery1, .minions, .greetings2 {  position:relative; overflow:auto; font:futura; font-family:futura;  font-size:12px; line-height:12px; font-weight:normal; text-align: left; color:#CC0000; }

.navigation  {  width:150px; float:left; left:60px; top:740px; } 
.greetings1  {  width:260px; float:left; left:140px; top:690px; }
.gallery1  {  width:156px; float:left; left:193px; top:720px; }
.minions   {  width:230px; float:left; right:552px; top:1000px; }
.greetings2  {  width:260px; float:left; left:290px; top:720px; }

#size1  {  height: 100px; }
#size2  {  height: 200px; }
#size3  {  height: 200px; }
#size4  {  height: 125px; }
#size5  {  height: 200px; }

a:link, a.man {
    font-family: futura;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:active, a:visited {
    font-family: futura;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}  
 a:hover {
    font-family: futura;
    font-size: 12px;
    color: #000000;
    background-color:#CC0033;
    font-weight: normal;
    border: 0px;
    text-transform: none;
    letter-spacing: 0px;
}

.standard b, p b, B, strong {    font-family: futura;     color: white;     font-weight: bold;     border: 0px;  }
 
 u {color:white; border-bottom: solid #FF0000 1px;}
 
 
 .navigation h1, .greetings1 h1, .gallery1 h1, .minions h1, .greetings2 h1 { background-color:#333333; color:#FFFFFF; font-size:14px; letter-spacing: 2px; text-align:center; line-height:13px;}

</style>

<div id="maindiv_01">
<div id="size1" class="navigation">
<center><a href="http://vampirefreaks.com/">Main</a><br />
<a href="http://vampirefreaks.com/journal.php?u=YOUR USERNAME">My Journal</a><br />
<a href="http://vampirefreaks.com/user_comment.php?user=YOUR UDERNAME&uid=YOUR VF ID&rate=1">Rate and Comment Me</a><br />
<a href="http://vampirefreaks.com/profile_action.php?user=YOUR USERNAME&uid=YOUR VF ID">Fav Me</a><br />
<a href="http://vampirefreaks.com/group_mine.php">My Cults</a><br />
</center>
</div>

<div id="size2" class="greetings1">
<center>Write about yourself here.<br />
<b>Bold</b><br />
<u>Underline</u><br />
<h1>Header Test</h1><br />

Whenever you see <b>YOUR USERNAME</b> then add your user name and where you see <b>YOUR VF ID</b> enter your vf user ID. Make sure to edit your links to work as well as gallery along with your friends pictures section. <u>ENJOY</u>
</center>
</div>

<div id="size3" class="gallery1">
<center><a href="YOUR GALLERY LINK HERE"><img src="http://i86.photobucket.com/albums/k90/xxxbkjxxx/yourphotohere.jpg" border="0" width="155" /></a>  Width most is 155px and height 190px</center>
</div>

<div id="size4" class="minions">
<marquee scrollamount="3"><a href="YOUR GALLERY LINK HERE"><img src="http://i86.photobucket.com/albums/k90/xxxbkjxxx/yourphotohere.jpg" border="0" height="120" /></a>  MAX HEIGHT SHOULD BE 120 PX</marquee>
</div>

<div id="size5" class="greetings2">
<h1>Label whatever your want this to be</h1><br />
Blah blah blah blah blah blah blah blah blah blah blah
</div>

</div>

</style>

Alice in Wonderland

Put in description box

<style>

html, body {   background: #000 url("http://i29.tinypic.com/2uz9ch1.jpg") center top repeat;  }  
#maindiv_01 {   width: 945px;   height: 800px;   background: #000 url(http://i27.tinypic.com/o6h0g5.jpg) center center no-repeat;   margin: 0px auto;   overflow: hidden!important;  }

body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
}

body {
scrollbar-3dlight-color: #ba681c;
scrollbar-arrow-color: #fadb45;
scrollbar-darkshadow-color: #710d17;
scrollbar-face-color: #1a1a1a;
scrollbar-highlight-color: #ff6b19;
scrollbar-shadow-color: #203935;
scrollbar-track-color: #666666;
}

.thenav, .mainbox, .subbox1, .subbox2 {
	color:#FFFFFF;
	font: vrinda;
	font-family: vrinda;
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;
	line-height:12px;
	overflow:auto;
	position:relative;
	text-align:justify;
}

.thenav { width: 378px; top: 153px; float: right; right: 52px;  }
.mainbox { width: 395px; top: 195px; float: left; left: 490px;  }
.subbox1 { width: 190px; top: 415px; float: left; left: 95px;  }
.subbox2 { width: 179px; top: 415px; float: left; left: 120px; }

#size1 { height: 18px; }
#size2 { height: 216px; }
#size3 { height: 197px; }
#size4 { height: 197px; }

.thenav h1, .mainbox h1, .subbox1 h1, .subbox2 h1 {
	color:#FBC906;
	border-bottom-color: #FE6217;
	border-bottom-style: double;
	border-bottom-width: thick;
	font-size: small;
	font: Futura;
	font-family: futura;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.standard b, p b, B, strong {
	font-family: vrinda;
	color: #BA161D;
	font-weight: bold;
	border: 0px;
	font-size: 15px;
}
li {   list-style-type: none;  }

u {
	border-bottom-color:#FC9880;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

i {
	color:#FCD343;
}

a:link, a.man {
	font-family: vrinda;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	border: 0px;
	text-transform: lowercase;
	letter-spacing: 0px;
}  
 a:active, a:visited {
	font-family: vrinda;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	border: 0px;
	text-transform: lowercase;
	letter-spacing: 0px;
}  
 a:hover {
	font-family: vrinda;
	font-size: 14px;
	color: #000000;
	background-color: none;
	font-weight: normal;
	border: 0px;
	text-transform: lowercase;
	letter-spacing: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 5px;
}

</style>

</center>
</div>

<div id="size2" class="mainbox"> 
<center>
<h1>Lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem leo, vulputate vitae dictum sed, aliquam at ante. Nullam malesuada, purus nec tempor ullamcorper, velit lacus accumsan purus, mattis tempor massa nibh nec mi. Morbi est arcu, viverra eget rutrum luctus, gravida eu eros. Curabitur commodo ipsum nec erat facilisis pellentesque quis ac diam. Maecenas lacus nunc, mollis sit amet egestas vel, vestibulum quis velit. Suspendisse potenti. Nulla arcu lectus, congue tempor imperdiet a, mattis sed neque. Integer non nulla nec ligula aliquam feugiat. Quisque vulputate, leo at dapibus iaculis, arcu augue venenatis nibh, eu sagittis nunc enim non sem. Sed convallis ullamcorper nibh, a tincidunt nisl ultricies blandit. Vivamus lobortis justo eget magna dapibus eget molestie leo faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas mi non nisi vulputate in imperdiet lacus pellentesque. Vestibulum viverra ultricies pretium. In leo ante, tincidunt nec bibendum at, rhoncus a sapien. Nam pretium dapibus tristique.
</center>
</div>

<div id="size3" class="subbox1">
<center><h1>Header Example</h1><br />
<b>bold</b> <br />
<i>italics</i> <br />
<u>underline</u>

</center>
</div>

<div id="size4" class="subbox2"> 
<center>
You can label anything you want this to be using the header code. Label different parts of the box like sections to separate the info you put up. <b>EX:</b>
<br /><br />

<h1>Likes</h1>
Likes go here
<br /><br />
<h1>Dislikes</h1>
Dislikes go here

</center>
</div>

</div>

Put in the html box

<style>

.menu2 { border: none!important; }
.menu2 { background: url("http://i29.tinypic.com/2uz9ch1.jpg") center top repeat; } 
.menu2, .menu2 a:link, .menu2 a:visited {
display: none;
}
.menu, .menu a:link, .menu a:visited {
display: none;
}

.maintop table { display: none; } 
.maintop img { display: none; } 
.maintop { display: none; } 
.leftnav { display: none; } 
h2 { display: none; } 
.topbar { display: none; } 
.defaultpic { display: none; } 
.thumbnail { display: none; } 
.gallery { display: none; } 
.videos { display: none; } 
.userinfo { display: none; } 
.journal_entry { display: none; } 
.profile_title, .likes_title, .dislikes_title, .music_title { display: none; } 
.buttons1 { display: none; } 
.profilepages { display: none; } 
.friends{   display: none;   }
.addshitlist input { display: none; }
input { background: black;
color: white;
border: 1px solid #00BFFF;
font-size: 8pt; } 
.rate { display: none; } 
.comment_title { display: none; } 
.comments { display: none; } 
.main { background: url("http://i29.tinypic.com/2uz9ch1.jpg") center top repeat; } 
.main table br { display: inline; } 
</style>

Manhattan Skyline

Pink Scheme

Click for preview


<style>  

html, body {   background: #000 url("http://i34.tinypic.com/i2ovua.jpg") center center repeat;  }  
#maindiv_01 {   width: 800px;   height: 900px;   background: #000 url(http://i48.tinypic.com/2rpz76t.jpg) center center no-repeat;   margin: 0px 130px;   overflow: hidden!important;  }

.likes1, .about1, .dislikes1, .mycults, .gallery1, .links { color: white; text-align:left; font:Arial; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:12px; outline-color:#000000; overflow:auto; position:relative; font-size:10px; }

.likes1 { width: 150px; float:left; left:120px; top: 500px; overflow-x: hidden; }
.about1 { width: 180px; float:left; left:180px; top: 480px; overflow-x: hidden; }
.dislikes1 { width: 130px; float:left; left:235px; top: 500px; overflow-x: hidden; }
.mycults { width: 182px; float:left; right:368px; top: 650px; overflow-x: hidden; }
.gallery1 { width: 188px; float:left; right:135px; top: 570px; overflow: hidden; }
.links { width: 146px; float:left; right:82px; top: 560px; overflow-x: hidden; }

#size1 { height: 113px; }
#size2 { height: 170px; }
#size3 { height: 113px; }
#size4 { height: 88px; }
#size5 { height: 78px; }
#size6 { height: 89px; }


 u {
	font-family: arial;
	font-face: arial;
	font-weight: none;
	color:#CCCCCC;
	border-bottom:1px dotted;
	border-bottom-color:#772446;
	text-align: left;
}  

.standard b, p b, B, strong {
	font-family: arial;
	color: #B34653;
	font-weight: bold;
	border: 0px;
	text-transform: bold;
}  

a:link, a.man {
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}  

a:active, a:visited {
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}  

a:hover {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	background-color:#B497C6;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}



 body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
} 


</style>


<div id="maindiv_01">
<div id="size1" class="likes1">
Likes go here.
</div>

<div id="size2" class="about1">
About goes here.
</div>

<div id="size3" class="dislikes1">
Dislikes go here.
</div>

<div id="size4" class="mycults">
Cult links go here.
</div>

<div id="size5" class="gallery1">
<marquee scrollamount="3">Pics here. <b>DO NOT</b> exceed the height of 75px!</marquee>
</div>

<div id="size6" class="links">
<a href="Insert URL">Link</a><br />
<a href="Insert URL">Link</a><br />
<a href="Insert URL">Link</a><br />

</div>

</div>




<style>


.menu2 { display: none!important; }
.menu2 { background: black; } 
.menu2, .menu2 a:link, .menu2 a:visited {
color: #00BFFF;
background: black;
font-size: 8pt;
}
.menu, .menu a:link, .menu a:visited {
color: #00BFFF;
background: #1C1C1C;
font-size: 8pt;
}

body {
	scrollbar-3dlight-color: #762457;
	scrollbar-arrow-color: white;
	scrollbar-darkshadow-color: #333333;
	scrollbar-face-color: #341046;
	scrollbar-highlight-color: #A74565;
	scrollbar-shadow-color: #180042;
	scrollbar-track-color: #363636;
}   

.maintop table { display: none; } 
.maintop img { display: none; } 
.maintop { display: none; } 
.leftnav { display: none; } 
h2 { display: none; } 
.topbar { display: none; } 
.defaultpic { display: none; } 
.thumbnail { display: none; } 
.gallery { display: none; } 
.videos { display: none; } 
.userinfo { display: none; } 
.journal_entry { display: none; } 
.profile_title, .likes_title, .dislikes_title, .music_title { display: none; } 
.buttons1 { display: none; } 
.profilepages { display: none; } 
.friends{   display: none;   }
.addshitlist input { display: none; }
input { display: none;}
input { background: black;
color: white;
border: 1px solid #00BFFF;
font-size: 8pt; } 
.rate { display: none; } 
.comment_title { display: none; } 
.comments { display: none; } 
.main { background: black; } 
.main table br { display: inline; } 
</style>

Blue Scheme

Click for preview

<style>  

html, body {   background: #000 url("http://i34.tinypic.com/i2ovua.jpg") center center repeat;  }  
#maindiv_01 {   width: 800px;   height: 900px;   background: #000 url(http://i45.tinypic.com/2rndjkl.gif) center center no-repeat;   margin: 0px 130px;   overflow: hidden!important;  }

.likes1, .about1, .dislikes1, .mycults, .gallery1, .links { color: white; text-align:left; font:Arial; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:12px; outline-color:#000000; overflow:auto; position:relative; font-size:10px; }

.likes1 { width: 150px; float:left; left:120px; top: 500px; overflow-x: hidden; }
.about1 { width: 180px; float:left; left:180px; top: 480px; overflow-x: hidden; }
.dislikes1 { width: 130px; float:left; left:235px; top: 500px; overflow-x: hidden; }
.mycults { width: 182px; float:left; right:368px; top: 650px; overflow-x: hidden; }
.gallery1 { width: 188px; float:left; right:135px; top: 570px; overflow: hidden; }
.links { width: 146px; float:left; right:82px; top: 560px; overflow-x: hidden; }

#size1 { height: 113px; }
#size2 { height: 170px; }
#size3 { height: 113px; }
#size4 { height: 88px; }
#size5 { height: 78px; }
#size6 { height: 89px; }


body {
	scrollbar-3dlight-color: #224E3B;
	scrollbar-arrow-color: white;
	scrollbar-darkshadow-color: #172C36;
	scrollbar-face-color: #3B5382;
	scrollbar-highlight-color: #437167;
	scrollbar-shadow-color: #180042;
	scrollbar-track-color: #333333;
}  



 u {
	font-family: arial;
	font-face: arial;
	font-weight: none;
	color:#CCCCCC;
	border-bottom:1px dotted;
	border-bottom-color:#5F6E9D;
	text-align: left;
}  

.standard b, p b, B, strong {
	font-family: arial;
	color: #255243;
	font-weight: bold;
	border: 0px;
	text-transform: bold;
}  

a:link, a.man {
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}  

a:active, a:visited {
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}  

a:hover {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	background-color:#123426;
	font-weight: normal;
	border: 0px;
	text-transform: none;
	letter-spacing: 0px;
}



 body {
text-align:center;
}
#container {
margin:0px auto 0px auto;
width:400px;
border:1px solid #000000;
background-color:#CCCCCC;
} 


</style>


<div id="maindiv_01">
<div id="size1" class="likes1">
Likes go here.
</div>

<div id="size2" class="about1">
<b>bold</b><br />
<u>underline</u>

</div>

<div id="size3" class="dislikes1">
Dislikes go here.
</div>

<div id="size4" class="mycults">
Cult links go here.
</div>

<div id="size5" class="gallery1">
<marquee scrollamount="3">Pics here. DO NOT exceed the height of 75px!!!</marquee>
</div>

<div id="size6" class="links">
<center><a href="Insert URL">Link</a><br />
<a href="Insert URL">Link</a><br />
<a href="Insert URL">Link</a><br /></center>

</div>

</div>




<style>


.menu2 { display: none!important; }
.menu2 { background: black; } 
.menu2, .menu2 a:link, .menu2 a:visited {
color: #00BFFF;
background: black;
font-size: 8pt;
}
.menu, .menu a:link, .menu a:visited {
color: #00BFFF;
background: #1C1C1C;
font-size: 8pt;
}

body {
	scrollbar-3dlight-color: #762457;
	scrollbar-arrow-color: white;
	scrollbar-darkshadow-color: #333333;
	scrollbar-face-color: #341046;
	scrollbar-highlight-color: #A74565;
	scrollbar-shadow-color: #180042;
	scrollbar-track-color: #363636;
}   

.maintop table { display: none; } 
.maintop img { display: none; } 
.maintop { display: none; } 
.leftnav { display: none; } 
h2 { display: none; } 
.topbar { display: none; } 
.defaultpic { display: none; } 
.thumbnail { display: none; } 
.gallery { display: none; } 
.videos { display: none; } 
.userinfo { display: none; } 
.journal_entry { display: none; } 
.profile_title, .likes_title, .dislikes_title, .music_title { display: none; } 
.buttons1 { display: none; } 
.profilepages { display: none; } 
.friends{   display: none;   }
.addshitlist input { display: none; }
input { display: none;}
input { background: black;
color: white;
border: 1px solid #00BFFF;
font-size: 8pt; } 
.rate { display: none; } 
.comment_title { display: none; } 
.comments { display: none; } 
.main { background: black; } 
.main table br { display: inline; } 
</style>

Keep your filthy hands off my credits. Don't try to find a sneaky ass way to remove it because I will find out, everyone knows my work here. But most of all, ENJOY IT! ^_^