From this moment on...

Designer's Comments

Look carefully for specific instructions

I spent a really long time designing this layout ! Hope you guys enjoy it!!

*****Replace XXXX with your Friend ID

www.myspace.com/designsbymadison

*Enjoy!

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">
.r{}
body {
background: FFFFFF;
scrollbar-arrow-color: 81669d;
scrollbar-track-color: b2b2b2;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color: FFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;
}
</style>

<style>

B, STRONG {font-family: arial; font-size: 8pt; color: 2f8e97;}
I, EM {font-family: arial; font-size: 8pt; color: 81669d;}
BODY, P, TD, FONT {font-family: arial; font-size: 8pt; color: b2b2b2;}
body, td, li, p, div, textarea, li, h1, h2, p, br, table {font-family: arial; color: b2b2b2;
line-height: 8pt;}

.text {font-family: arial; font-size: 8pt; color: b2b2b2; text-align: left;}

.blacktext12 {font-family: times new roman; font-size: 15px; color: b2b2b2; letter-spacing: 1px; text-align: center;}

.redtext {font-family: arial; font-size: 8pt; color: b2b2b2; }

.redbtext {font-family: arial; font-size: 8pt; color: b2b2b2; }

.orangetext15 {font-family: arial; font-size: 8pt; color: 2f8e97; letter-spacing: 2px; font-style: none; text-align: left; background-color: fff; border: none; display: block;text-transform: uppercase;letter-spacing: 2px; }

.whitetext12 {font-family: arial; font-size: 8pt; color: 2f8e97; letter-spacing: 2px; font-style:none; text-align: left; background-color: fff;text-transform: uppercase; border: none; display: block;letter-spacing: 2px;}

.btext {font-family: arial; font-size: 9px; color: 2f8e97; text-transform: lowercase;text-align: right;}

.lightbluetext8 {font-family: arial; font-size: 8pt; color: 2f8e97; text-align: left;}

.blacktext10 {font-family: arial; font-size: 9px; line-height: 18px; color: b2b2b2; letter-spacing: 1px; text-align: left; background-color: 000;text-transform: uppercase; border: none; display: block;letter-spacing: 2px;}

.nametext {font-family: arial; font-size: 8pt; color: b2b2b2; letter-spacing: 2px; font-style:none; text-align: right; background-color: 000;text-transform: uppercase; border: none; display: block; visibility:hidden;letter-spacing: 2px; }

TABLE, TD, TR, TH {font-family: arial; font-size: 8pt; color: 2f8e97; cursor: default;}
TABLE, TR, TD {border: none; border-color: acbec0; background-color: transparent; padding: 0px; margin: auto;}
TABLE {border: none; border-color: none; background-color: fff; padding: 0px;}
TABLE TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE TABLE {border: none; border-color: acbec0; background-color: fff; padding: 0px;}
TABLE TABLE TABLE TABLE {border: none; border-color: acbec0;}

a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font-family: arial; font-size: 9px; color: acbec0; text-transform: lowercase; text-decoration: none;}
a img {border-color:000; border-style:dotted; border-width:0px;}
a:hover, a.navbar:hover, a.redlink:hover {font-family: arial; font-size: 9px; color: 2f8e97; background-color: none; text-decoration: none; cursor: crosshair;} a:hover img {filter:Gray;}</style>

<STYLE>
.a {hide top search and shortcuts bar}
select {position:absolute !important; margin-top:-300px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}div table div div select {position:absolute !important;  top:-400px !important; left:-400px !important; }
.nav{position:absolute;
width:198; height:54; overflow:none;
left:723px; top:294; }

.aboutme{position:absolute;
width:196; height:178; overflow:auto;
left:727px; top:370; }

.blog{position:absolute;
width:415; height:290; overflow:auto;
left:287px; top:298; }

.image{position:absolute;
width:1024; height:545;overflow:auto;
left:100px; top:160; }

.header {
font-family: arial;
font-size: 8pt;
color: #777777;
text-transform: lowercase;
letter-spacing: 1px;
width: 390px;
height: 12px;
background-color: FFFFFF;
border: 1px solid #777777;
text-align: left;
line-height:100%;
display:block;}

.header2 {
font-family: arial;
font-size: 8pt;
color: #777777;
text-transform: lowercase;
letter-spacing: 1px;
width: 175px;
height: 12px;
background-color: FFFFFF;
border: 1px solid #777777;
text-align: right;
line-height:100%;
display:block;}

</STYLE>
<style type="text/css">
body 
{background-color:ffffff; background-image:url('http://cbimg9.com/layouts/08/07/29418ab.png'); background-repeat: repeat
;background-position:bottom right; }

table td div div font, 
div table tr td font 
{font-family:arial;
font-size:9pt;
color:ffffff;}

div table td font {display: none;}
body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>

.ftd {Moves the entire profile up}
body table {margin-top:-50000px;}

.ftd {Keeps the ad, search form, and navigation links in place}
body td table, body div table {margin-top: 0;}

.ftd {Makes the table the ad, search form and nav links are on transparent}
table, tr, td {background-color:transparent;}

.ftd {Removes the search form}
body div table form{display:none;}

.ftd {For comment boxes to display}
body table div form{display:block;}

.ftd {Hides the dividers in between the nav links}
div table td font {visibility:hidden; }
</style>
<DIV CLASS="image">
<IMG SRC="http://cbimg9.com/layouts/08/07/29418aa.png">
</DIV>

Layout Code

Copy and paste to I'd Like to Meet

Help

<DIV CLASS="nav"><center><span class="header2">Navigation<FONT style="FONT-SIZE: 10px; COLOR: #2f8e97; FONT-FAMILY: symbol">©</FONT>
</span><br><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="linkies">home</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="linkies">add+</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="linkies">cmnt</a><br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="linkies">pics</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="linkies">msge</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="linkies">blog</a></center>

</DIV>

<DIV CLASS="blog"><span class="header">my blog<FONT style="FONT-SIZE: 10px; COLOR: #81669d; FONT-FAMILY: symbol">©</FONT></span><br>YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG YOURBLOG <br>

<span class="header">my interests<FONT style="FONT-SIZE: 10px; COLOR: #2f8e97; FONT-FAMILY: symbol">©</FONT></span><BR>
YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE YOUR INTERESTS HERE </br>
<br>

<span class="header">my friends<FONT style="FONT-SIZE: 10px; COLOR: #81669d; FONT-FAMILY: symbol">©</FONT></span><BR>
<CENTER>
Add your friends here.  Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. Add your friends here. 
</div>

<span class="header2">about me<FONT style="FONT-SIZE: 10px; COLOR: #81669d; FONT-FAMILY: symbol">©</FONT>

</span><BR>
About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME About ME

</DIV>

Layout Comments

Showing latest 10 of 17 comments

oook soo like wot if ii want tu add fotos to where yhu qhot yha picz at or the right corner....wot would be or should be the size of the imaqes?

By MzZoFFiCiAl on Feb 10, 2010 10:31 pm

ooober cute!
sooo i ONLY use divs and lately i have been upset with how many of them i cant find. lol.

i love this one tho.
sooo cute but very simple.
this will be mine for awhile.

Great Job!!

By MissCuppyCake on Aug 21, 2008 9:34 am

kewlnessssss!! but it there a way that you can center it? Considering it aligned right...

By wowzerz on Jul 28, 2008 10:03 am

I like this a lot. I haven't been using DIVs lately, but since I like this one so much, I just might use it. :)

By maggiemayyy on Jul 21, 2008 2:23 pm

Awesome layout!

By Priincessa on Jul 20, 2008 10:54 pm

cute. is it possible to make the layout centered? cause on the live preview its to the right of the screen, but i would like it to be centered.

By pokie on Jul 19, 2008 3:59 am

hi i love your layout, and i used it for my myspace but their is a problem i don't know y my comment,pic,add,message are not working every time i click it, it will say that the user had delete the page or the page is user is nolonger in myspace can u tell me why or is it something i did wrong b/c i never used layout like that b4 i'm new 2 this :D

By mayumiye on Jul 17, 2008 12:35 pm