HotStylez_PurpleHearts_v1

Myspace Layouts / Div Overlay

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

body { background-color:000000; 
background-image: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/elirosesvvfamoussplitvvbackground1.gif); 
background-position: top left;
background-repeat: repeat-repeat; 
}

table, tr, td { background-color: transparent; border: 0px; } 
table table { border: 0px; } 
table table table table{ border:0px; } 
table table table { border-width: 0px; 
background-color: transparent; } 
table table table td { background-color: transparent; } 
table table table table td { filter:none; }

body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 { 
   font-family: verdana; 
   font-size: 13px; 
   color: ffffff; 
   font-weight: normal; 
   text-decoration: none; 
   line-height: 13px; 
}

.content1 {
background-color:transparent; border:0px;
width:720px; height:645px;
position:absolute; overflow:auto;
top:230px; left:50%; margin-left:-360px;
}

div.content1, small, big, text, p, {
font-family:tahoma arial; color:ffffff;
font-size:13px; line-height:13px;
text-decoration:none; font-weight:normal;
text-align:center;
}

b, strong {
color:ff8ffc; font-family:arial; font-size:14px;
text-transform:none; font-weight:normal;}

i { color:ff8ffc; font-size:14px; font-family:palatino linotype;}
u {color:ff8ffc; font-family:courier new; font-size:14px;}

a:link, a.man {
   font-family: verdana; 
   font-size: 14px; 
   color: ff8ffc; 
   font-weight: bold; 
   border: 0px; 
   text-transform: bold; 
   letter-spacing: 0px; 
   text-decoration: none;
}  
a:active {
   font-family: verdana; 
   font-size: 14px; 
   color: ff8ffc; 
   font-weight: bold; 
   border: 0px; 
   text-decoration: none;
}  
a:visited {
   font-family: verdana; 
   font-size: 14px; 
   color: ff8ffc; 
   font-weight: bold; 
   border: 0px;
   text-decoration: none;
}
a:hover {
   font-family: verdana; 
   font-size: 14px; 
   color: ffffff; 
   font-weight: bold; 
   border: 0px; 
   text-decoration: bold;
}

a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover { 
   color: ff8ffc; 
   font-weight: bold; 
   text-decoration: none; 
} 
a.navbar:hover, a.man:hover, a:hover { 
   color: ffffff; 
   font-weight: bold; 
   text-decoration: none; } 
a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { 
   color: ffffff; 
   font-weight: bold; 
   text-decoration: none; 
}

.nametext {display: none;} 
.whitetext12, .orangetext15 {display: none;}

body table {margin-top:570px} 
body td table,body div table {margin-top:2px}

a.topred:link, a.topred:visited, a.topred:active {color: ff8ffc; text-decoration: none; }
a.topred:hover {color: ffffff; text-decoration: none; }

table tbody td table tbody tr td.text table {visibility:visible; }
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
div.profileWidth {margin-top: -30px !important;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}

.btn_about{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Home_btn.jpg) top left no-repeat;
  display: block;
  } 
.btn_about:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Home_btn.jpg) bottom left no-repeat; 
  }
.btn_add{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Add_btn.jpg) top left no-repeat;
  display: block;
  } 
.btn_add:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Add_btn.jpg) bottom left no-repeat; 
  }
.btn_message{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Msg_btn.jpg) top left no-repeat;
  display: block;
  } 
.btn_message:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Msg_btn.jpg) bottom left no-repeat; 
  }
.btn_comment{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Cmnt_btn.jpg) top left no-repeat;
  display: block;
  } 
.btn_comment:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Cmnt_btn.jpg) bottom left no-repeat; 
  }
.btn_pics{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Pic_btn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_pics:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Pic_btn1.jpg) bottom left no-repeat; 
  }
.btn_layouts{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Blgsbtn5.jpg) top left no-repeat;
  display: block;
  } 
.btn_layouts:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HOTstyle_HotPurple_v1_Blgsbtn5.jpg) bottom left no-repeat; 
  }

</style>

<div class="content1"><center> 
Delete from here!
<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> <br><br>Hello everyone, welcome to this Layout preview. Don't forget to replace XXXXXXX with your friend ID. If you do not do that this layout WILL NOT WORK FOR YOU!<br><br> I am a web/graphic designer. I Design custom layouts for myspace profiles. If you like my work you can always request me for freelance work. Get this layout for your profile. This layout is a 1.0 div overlay. I will help you get it on your profile if needed message me on myspace.<br><br> your own content goes here about me, pics whatever!  your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! delete to here! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! your own content goes here about me, pics whatever! Delete To HERE
</div>

</td></tr></table> <table style="display:none"><tr><td>

.latestBlogEntry {display:none;}
</style>

Layout Comments

Showing latest 3 of 3 comments

....x

By mytechnique on Aug 16, 2009 10:21 pm

Ooo, this is pretty nice. I'm not fond of the setup and it's kind of basic but it's alright. Good job. :)

By Mikeplyts on Apr 11, 2009 5:05 pm

how do you add like the words unto the layout i mean the about me and stuff nice layout i really want it

By toredtohot on Mar 28, 2009 2:07 pm

Layout Details

Designer	mytechnique
Submitted on	Mar 27, 2009
Page views	15,296
Favorites	71
Comments	3
Reviewer	interpretation
Approved on	Mar 27, 2009

HotStylez_PurpleHearts_v1

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates