Pups

//**SET TO OLDSKOOL AND PASTE THIS IN 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:#441936;
background-image:url('');
background-repeat: repeat;
font-family: arial;
font-size: 11px;
text-align:justify;
color:#823756;
top-margin:25px;
}
h1{ color:#341931;
font-family: arial ;
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/G2X0ADS.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:list;
float:left;
margin:0 0 0 4px;
height:15px;
}
ul#simple-menu li.left{  margin:0;  }
ul#simple-menu li a{
display:list;
float:left;
color:#fff;
background:#823756;
line-height:15px;
text-decoration:none;
padding:0 17px 0 5px;
height:15px;
border:ridge 2px #7A1E48;
}
ul#simple-menu li a.right{  padding-right:19px; border:ridge 2px #7A1E48; }
ul#simple-menu li a:hover{  background:#111625;border:ridge 2px #7A1E48;  }
ul#simple-menu li a.current{  color:#823756;  background:#fff; border:ridge 2px #7A1E48; }  ul#simple-menu li a.current:hover{  color:#111625;  background:#fff;border:ridge 2px #7A1E48;}

}
blockquote{
background-color:#555555;
color:black;
text-align:center;
line-height:15px;
border-left: 10px solid #9D2053;
border-top: 3px solid #9D2053;
border-right: 10px solid #9D2053;
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/G2X0ADS.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;
}
.banners:hover {
background: url('http://i.imgur.com/G2X0ADS.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/G2X0ADS.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/G2X0ADS.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:#823756;
line-height:15px;
text-decoration:none;
padding:5px 5px 0 8px;
height:15px;
border:ridge 2px #7A1E48;
}
A.navi:hover
{ background-color: #111625;
color: #ffF;
-webkit-transition: all .9s ease;
-moz-transition: all .5s ease;
-o-transition: all .9s ease border-radius:5px 5px 10px 10px;
-moz-border-radius:5px 5px 5px 5px;border:ridge 2px #7A1E48;}    </style>

//**THIS GOES IN LIKES**\\

<style> .container { width: 600px; top: 350px;  left: 300px;  Height: 500px; padding:-4px;   overflow: auto; overflow-y: hidden; position: absolute;  background-color:#341931;  border:ridge 2px #7A1E48;   -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; } .section { height: 500px; overflow: auto; background: url(''); background-repeat: no-repeat; background-position:top center;}  </style> <table width="450px"><tr><td>

<div style="position: absolute; left: 300px; top: 25px;  border:ridge 2px #7A1E48;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;">  <img src="http://i.imgur.com/G2X0ADS.png" /> </div>



<div style="position: absolute; left:900px; top: 400px; width:70px; height:200px; padding:3px; background-color:##341931; border:ridge 2px #7A1E48;  -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><br /> <a href="#2" class="navi">L/D</a><br /> <a href="#3" class="navi">Music</a><br /> <a href="#4" class="navi">Pets</a><br /><br /> <a href="#5" class="navi">Cults</a><br /> <a href="#6" class="navi">Friends</a> </div></div> </td><td>


<div style="position: absolute; left:220px; top: 400px; width:70px; height:200px; padding:3px; background-color:#341931; border:ridge 2px #7A1E48;  -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">
<center> <ul id="simple-menu">
<li><a href="http://vampirefreaks.com/profiles/home.php" class="current"><span>Home</span></a></li><br />   <br />
<li><a href="http://vampirefreaks.com/journal/villesvampiregirl"><span>Journal</span></a></li><br /> <br />
<li><a href="http://vampirefreaks.com/gallery/villesvampiregirl"><span>Gallery</span></a></li> <br /> <br />
<li><a href="http://vampirefreaks.com/user_comment.php?uservillesvampiregirl &amp;rate=1"><span>Talk</span></a></li>
<li><br /> <a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs"><span>PD 14</span></a></li>
    </ul> </div></center> </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>   <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>Likes/Dislikes</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>    <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>Music</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>    &lt;   <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>Pets</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>       <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>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>


   <a name="6"></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>


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

<style> body, html {  background: url('');  background-repeat: repeat;  background-position:left top;  background-attachment: fixed; background-color:#441936;   } </style>