PandaGreen

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Best in 1280x1024

Crafty-designs

Replace the x's with your friendid.

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 type="text/css">
body {
 background-color: 879E60;
background-image:url();
 cursor: crosshair;
}
b, strong, .btext {
  font-family: times new roman;
  font-size: 13px;
  letter-spacing:  1px;
  text-transform: none;
  color: 98BD6B;
  font-weight: none;
  }
i, em, .itext{
  font-family: georgia;
  font-size: 10px;
  text-transform: lowercase;
  background-color: none;
  font-weight: italicize;
  }
u, .utext { font family: arial; font-size: 9pt; color: 2f8df3; background-color:none; 
font-weight: underline; border-bottom: dashed 1px;}

body, p, td, font {
  font-family: arial; font-size: 9pt; color:f9f9f9; text-transform: ;}
table, td, tr, th {
  font-family:arial; font-size: 9pt; color: f9f9f9;}
body, td, li, p, div, li, p, br, table {
  font-family: georgia; color: 000; text-transform:;}
.text {
  font-family: arial; font-size: 9pt; color: FFD800; text-align:left;}
.blacktext12 {
  font-family: arial; font-size: 0px; color: FFA323;}
span.blacktext12 {
  background-color: transparent; background-image: url(); width: 437px; height: 77px; display: block;
}
.redtext 
{  font-family: verdana; color: f9f9f9; font-size: 9px;
}.redbtext {
  font-family: verdana; color: f9f9f9; font-size: 9px;}
.orangetext15 {
  font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ;}
.lightbluetext8 {
  font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ;

text-align: center; background-color: transparent; display: block; }
.btext {
  font-family: century gothic; font-size: 12px; color:f9f9f9; text-transform: ;

text-align: center; background-color: transparent; display: block; }
.blacktext10 {
  font-family:century gothic; font-size: 12px; color: f9f9f9; text-transform: ;

text-align: center; background-color: transparent; display: block; }

.header {display: block; visibility: visible; font-family: georgia; color: white;

text-align:center; font-size: 22px; letter-spacing:-1px; text-transform: none;

line-height:16px; font-weight: normal; 
border-bottom: 2px solid; border-color:white; background:url() right center

no-repeat; }

.link{color:black; font-family:century gothic; font-weight:bold; font-size:12px;}
.link:hover{display:block; color:white; background:url() right center no-repeat;

text-align:left; background-color:transparent; height:16px; padding-top:2px;

z-index:6}
a, a:link, a:active, a:visited {font-family: small fonts; font-size: 7px; color: 333;

text-transform: uppercase; font-weight: normal;letter-spacing:;}
a:hover {font-family:times new roman; font-size:12px; color:f5f5f5;

text-decoration: uppercase; font-weight: normal;} background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

table, tr, td {
  border: none; background-color: transparent;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
table table table {
  border: 2px solid; border-color:transparent; background-color: transparent; padding:

0;background-image:url();background-repeat:repeat;

background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}
    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable 
{display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

td td embed, td td object {position:absolute;top:0px;left:0px;}

.userprofileschool {display:none;}
.userprofiledetail { display:none;border:none} 
.profileInfo { display:none;border:none;}
.interestsAndDetails {display:none;border:none;}
.userprofileURL {display:none;border:none;}
.navbar { display:none; font-color:879E60;}
.searchbar {display:none;}
.google_ad {display:none;} 
div table td div input,
div table td div select,
div table td div img {display:none !important;}
table tr td div div {display:none;}
table div {display:none;}
table table div, div table div {display:block;}

a.nav {display: block;
position: absolute;
height:60px;
background-position: top left;
background-repeat: no-repeat;
border: 0px;
text-decoration: none;}

a.nav:hover {background-position: bottom left;}

a img {border: 0px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about_me"

style="position:absolute;top:205px;left:406px;height:300px; width:445px;overflow:auto;">
<span class="header">About Me</span><center>
Put what ever you want here<br>
<s>Put what ever you want here</s><br>
<b>Put what ever you want here</b><br>
<i>Put what ever you want here</i><br>
<u>Put what ever you want here</u><br></center>

<span class="header">Who I'd Like To Meet</span>
You?
<br><br>
<span class="header">Extra header.</span>
<br><br>
<s>Strikeout</s> <b>Bold</b> <u>Underline</u> <i>Italics</i> <a

href="">Link</a>

</div>

Layout Comments

Showing latest 10 of 22 comments

kawaii!!!!

By PandaShiori on Jul 5, 2009 1:43 pm

how do you add text

By oxohotthingoxo on Nov 4, 2008 11:00 am

LoL i love ur LAYOUT doing

By christinee on Feb 7, 2008 10:29 pm

how do other people see my photos

By Aznrchr06 on Dec 27, 2007 1:55 am

The background is on the top right, how do you make it center?

By AngelinaJVH on Nov 17, 2007 12:50 pm

Copy and paste the code again. Don't mess with any rest of the code but only for the 'navi' and 'aboutme'.

If you have any more problems or questiona send a message on myspace.com/teaforcrafty for faster response.

By crafty-designs on Nov 3, 2007 12:35 am

some reason..the only thing that shows up on my page are the words..the pandas and everyting else isnt there

By y0ohrlilbabiegurl on Nov 2, 2007 11:29 pm

it looks fine in IE 7

By IVIike on Oct 27, 2007 12:05 am

missaligned in IE.

By Marlons on Oct 26, 2007 11:29 pm

such a cute panda >_

By twodreamlovers on Oct 26, 2007 9:44 pm

View all »

Layout Details

Designer	crafty-designs
Submitted on	Oct 26, 2007
Page views	33,032
Favorites	250
Comments	22
Reviewer	IVIike
Approved on	Oct 26, 2007

PandaGreen

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates