Mandy Moore

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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"> 
table, tr, td {background:transparent;} 
table table table table, table.contactTable{display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15,redtext {display:none;}div table td font {display: none;}body {background-color:transparent;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
.comments{display:none!important;} 
.search {display: none!important;}
.navbar{display:none!important;}

.r{move player}
td td object {position:absolute; left:490px; top:720px; display:visiable;width:0px; height:0; background-color:transparent;}

.r{text and links}
input {background-color:transparent !important;}
td, span, div,nav, input, a, table td div div font,
body div table tbody tr td font {font-family:georgia;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:fffea6;font-size:10px;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .blacktext10, .redbtext, .btext {display:none !important;visibilty:hidden!important;}

b { font-family: century gothic; font-size: 10px; color: FFFFFF; font-weight: none;}
i{font-family: times;font-size: 10px; color:FFFFFF;}
u{ font-family: times;font-size: 10px;color:FFFFFF;}

a {color:ffffff!important; text-decoration:none !important;font-size:11px; text-transform:none !important; font-weight:none !important;font-style:normal !important;font-size:cursor:crosshair;}
a:hover {color:ffffff!important; text-decoration:none !important; text-transform:none!important; font-weight:none !important; font-style:normal !important;font-size:11px !important;cursor:crosshair;}

.header{color:ffffff;text-align:center; font-family:Monotype Corsiva;font-size:23px;Line-height:10px;padding-bottom:5px;border-color:d0a4ba;display:block;background-color:e6cec4;}

.nav{text-align:left;display:block;font-size:11px;color:ffffff;text-transform:none!important;border-bottom:1px solid;border-color:635955;padding-bottom:2px;padding-top:2px;cursor: crosshair;}
.nav:hover{text-align:left;color:ffffff;display:block;font-size:11px;text-transform:none!important;background-color:f0d3c8;padding-left:10px;paddin-bottom:2px;border-bottom:1px solid;border-color:635955; cursor: crosshair;}

body {
background-color:e6cec4;
background-image:url("");
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
scrollbar-face-color: e6cec4;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: e6cec4;
scrollbar-shadow-color:e6cec4;
scrollbar-darkshadow-color: e6cec4;
scrollbar-arrow-color: ffffff;
scrollbar-track-color: transparent;
cursor:crosshair;}

.main {
background-color:transparent;
border:none;
font-size:22pt;
font-weight: bold;
color: black;
text-align:left;
padding: 20px;
position:absolute;
left:50%;
margin-left:-430px;
top:100px;
height:0px;
width:0px;
z-index:1;}

.main2 {
background-color:transparent;
border:none;
font-size:22pt;
font-weight: bold;
color: black;
text-align:left;
padding: 20px;
position:absolute;
left:50%;
margin-left:-432px;
top:600px;
height:0px;
width:0px;
z-index:1;}

.aboutme {
background-color:transparent;
border:0px;
font-family:arial;
font-size:11px;
font-weight:none;
color:white;
border:0px solid;
border-color:;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-173px;
top:565px;
z-index:2;
height:290px;
width:508px;
overflow:auto;
scrollbar-face-color: e6c6b9;
scrollbar-highlight-color: e6c6b9;
scrollbar-3dlight-color: e6c6b9;
scrollbar-shadow-color:e6c6b9;
scrollbar-darkshadow-color: e6c6b9;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: e6c6b9;}

.extra {
background-color:transparent;
border:0px;
font-family:arial;
font-size:11px;
font-weight:none;
color:white;
border:0px solid;
border-color:;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-173px;
top:860px;
z-index:2;
height:215px;
width:508px;
overflow:auto;
scrollbar-face-color: e6c6b9;
scrollbar-highlight-color: e6c6b9;
scrollbar-3dlight-color: e6c6b9;
scrollbar-shadow-color:e6c6b9;
scrollbar-darkshadow-color: e6c6b9;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: e6c6b9;}

.navi {
background-color:transparent;
border:0px;
font-family:maiandra gd ;
font-size:10px;
font-weight:none;
color:fce5da;
text-align:left;
padding: 5px;
position:absolute;
left:50%;
margin-left:-365px;
top:565px;
z-index:2;
height:180px;
width:180px;
overflow:auto;}

.commentme {
background-color:transparent;
border:0px solid black;
font-family:maiandra gd ;
font-size:10px;
font-weight:none;
color:fffea6;
text-align:center;
padding: 5px;
position:absolute;
left:50%;
margin-left:-365px;
top:715px;
z-index:2;
height:150px;
width:180px;
overflow:auto;}

.marquee {
background-color:transparent;
border:0px solid white;
font-family:maiandra gd ;
font-size:10px;
font-weight:none;
color:fffea6;
text-align:center;
padding: -10px;
position:absolute;
left:50%;
margin-left:-361px;
top:865px;
z-index:2;
height:160px;
width:172px;
overflow:auto;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:-10px;}
td.text td.text table table br {display:inline;}

.r{google}
div td form {display:none;}
table div td form {display:inline;}

</style></style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<span class="header">About Me</span><br>

WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.WRITE ABOUT YOURSELF HERE.
</div>

<span class="header">Extra</span><br>
This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!
This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!This is an extra section. You can put whatever you want here. Change the header according to whatever you want to put in this section, like music, or interest, or whatever!
</div>

<div class="navi">
<span class="header">Navigation</span>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="nav">Home</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="nav">Pictures</a>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="nav">Message Me</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"class="nav">Block Me</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"class="nav">Blogs</a>
<a href="http://luku.createblog.com/layouts/"class="nav">Layouts</a>
</div>

<span class="header">Comment Me</span>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendId" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="font-family:century gothic; overflow:hidden;font-size: 10pt; color:ffffff; padding:1px;font-weight:none;letter-spacing:-0px;line-height:13pt;width:100px;background-image:url();text-align:justify; border-color:ffffff; background-color:transparent ; border-style:solid; height:50px;border-width:1px;">comment. </textarea><BR><input type="submit"value="click "style="color:ffffff;font-size:10px;font-family:century gothic;text-transform:lowercase;letter-spacing:1px;width:100px;background-color:transparent; border-color:ffffff; border-style:solid; border-width:1px;height:14px; line-height:9px;"></input></form></style>

</div>

<div class="marquee">
<span class="header">My Friends</span><br>

</marquee></center>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View all my friends</a>
</div>

Layout Comments

Showing latest 1 of 1 comments

nice colors. :) the navigation is kind of longer in width than the side bar. :/ if you know what i mean. but, other than that, it looks nice.

By alecreations on Dec 3, 2007 2:57 pm

Layout Details

Designer	luku
Submitted on	Dec 2, 2007
Page views	4,514
Favorites	9
Comments	1
Reviewer	digitalfragrance
Approved on	Dec 3, 2007

Mandy Moore

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates