TechBG_White Pink_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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.maintable { position:absolute;  left:50%; margin-left:-309px; top: 290px; width:800px; height:613px; visibility: visible; valign:middle;}
.midtable { position:absolute;  left:50%; margin-left:-400px; top: 360px; width:800px; height:613px; visibility: visible; valign:middle;}

body { background-color:ffffff; 
background-image: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepinkbgbg1.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: 10px; 
   color: ffffff; 
   font-weight: normal; 
   text-decoration: none; 
   line-height: 14px; 
}

.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:740px; height:420px;
position:absolute; overflow:auto;
top:395px; left:50%; margin-left:-360px;
}

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: 10px; 
   color: ceb7c8; 
   font-weight: bold; 
   border: 0px; 
   text-transform: bold; 
   letter-spacing: 0px; 
   text-decoration: none;
}  
a:active {
   font-family: verdana; 
   font-size: 10px; 
   color: ceb7c8; 
   font-weight: bold; 
   border: 0px; 
   text-decoration: none;
}  
a:visited {
   font-family: verdana; 
   font-size: 10px; 
   color: ceb7c8; 
   font-weight: bold; 
   border: 0px;
   text-decoration: none;
}
a:hover {
   font-family: verdana; 
   font-size: 10px; 
   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: ceb7c8; 
   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: ceb7c8; 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;}

.btn_about{
  width:91px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_homebtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_about:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_homebtn1.jpg) bottom left no-repeat; 
  }
.btn_add{
  width:70px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_BGwhitepink_v1_addbtn1.jpg) top left no-repeat;
  display: block;
  } 
.btn_add:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_BGwhitepink_v1_addbtn1.jpg) bottom left no-repeat; 
  }
.btn_message{
  width:113px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_msgbtn3.jpg) top left no-repeat;
  display: block;
  } 
.btn_message:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_msgbtn3.jpg) bottom left no-repeat; 
  }
.btn_comment{
  width:120px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_commentbtn2.jpg) top left no-repeat;
  display: block;
  } 
.btn_comment:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_bgwhitepink_v1_commentbtn2.jpg) bottom left no-repeat; 
  }
.btn_pics{
  width:104px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_BG_whitepink_picsbtn3.jpg) top left no-repeat;
  display: block;
  } 
.btn_pics:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_BG_whitepink_picsbtn3.jpg) bottom left no-repeat; 
  }
.btn_layouts{
  width:114px; 
  height:54px; 
  overflow: hidden; 
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_blogs_v1_blogsbtn4.jpg) top left no-repeat;
  display: block;
  } 
.btn_layouts:hover{
  background: url(http://i264.photobucket.com/albums/ii167/mytechnique/Tech_blogs_v1_blogsbtn4.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 2 of 2 comments

I agree with the below.

By Medi on Mar 13, 2009 11:59 pm

I think the white font color against that color background is a bit hard to read, but I like the layout overall.

By tokyo-rose on Mar 13, 2009 10:56 pm

Layout Details

Designer	mytechnique
Submitted on	Mar 10, 2009
Page views	5,847
Favorites	13
Comments	2
Reviewer	interpretation
Approved on	Mar 13, 2009

TechBG_White Pink_v1

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates