HotStylez_BluenGreen_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(); 
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: 10px; 
   color: ffffff; 
   font-weight: normal; 
   text-decoration: none; 
   line-height: 11px; 
}

.standard b, p b, B, strong {
   font-family: verdana; 
   font-size: 10px; 
   color: ffffff; 
   font-weight: bold; 
   border: 0px; 
}

.content1 {
background-color:transparent; border:0px;
width:690px; height:365px;
position:absolute; overflow:auto;
top:320px; left:50%; margin-left:-355px;
}

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

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

i { color:ffffff; font-family:palatino linotype;}
u {color:ffffff; font-family:courier new;}

a:link, a.man {
   font-family: verdana; 
   font-size: 11px; 
   color: 00d8ff; 
   font-weight: bold; 
   border: 0px; 
   text-transform: bold; 
   letter-spacing: 0px; 
   text-decoration: none;
}  
a:active {
   font-family: verdana; 
   font-size: 11px; 
   color: 00d8ff; 
   font-weight: bold; 
   border: 0px; 
   text-decoration: none;
}  
a:visited {
   font-family: verdana; 
   font-size: 11px; 
   color: 00d8ff; 
   font-weight: bold; 
   border: 0px;
   text-decoration: none;
}
a:hover {
   font-family: verdana; 
   font-size: 11px; 
   color: 00d8ff; 
   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: 00d8ff; 
   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: 00d8ff; 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_home{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Homebtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_home:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Homebtn1.jpg) bottom left no-repeat; 
  }
.btn_add{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Addbtn3.jpg) top left no-repeat;
  display: block;
  } 
.btn_add:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Addbtn3.jpg) bottom left no-repeat; 
  }
.btn_message{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Msgbtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_message:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Msgbtn1.jpg) bottom left no-repeat; 
  }
.btn_comment{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Cmntbtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_comment:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Cmntbtn1.jpg) bottom left no-repeat; 
  }
.btn_pics{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Picbtn2.jpg) top left no-repeat;
  display: block;
  } 
.btn_pics:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Picbtn2.jpg) bottom left no-repeat; 
  }
.btn_blogs{
  width:149px; 
  height:37px; 
  overflow: hidden; 
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Blgbtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_blogs:hover{
  background: url(http://i201.photobucket.com/albums/aa257/tigerhomeimprovements/HotStyle_BluenGreen_v1_Blgbtn1.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> <b> 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! </b>
</div>

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

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

Layout Comments

Showing latest 1 of 1 comments

I was useing it and saw the image was broken. Was wondering if you were going to fix it... nice layout though

By sixto4123 on May 2, 2009 5:25 pm

Layout Details

Designer	mytechnique
Submitted on	Mar 28, 2009
Page views	9,756
Favorites	42
Comments	1
Reviewer	decaydancefbr
Approved on	Mar 28, 2009

HotStylez_BluenGreen_v1

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates