Trick or Treat!

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all "#######" with your Friend ID, and all "myspace.com/friend" with your friend's URL.

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>
body table {
margin-top:-50000px;
}

body td table, body div table {
margin-top: 0;
}

table, tr, td {
background-color:transparent;
}

body div table form {
display:none;
}

body table div form {
display:block;
}

.navigationbar {
display:none;
}

div div form, div div input {
display:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

.orangeText15 {
display:none;
}

.nameText {
display:none;
}

.friendSpace {
display:none;
}

.friendsComments {
display:none;
}

.contactTable {
display: none;
}

.extendedNetwork {
display:none;
}

.latestBlogEntry {
display:none;
}

.userProfileURL {
display:none;
}

.userProfileDetail {
display:none;
}

.bottomlinks {
display:none;
}

.ImgOnlineNow {
display:none;
}

.profileinfo {
display:none;
}

.form, form {
background-color:transparent;
}

table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
 
.lightbluetext8 {
border-width:0px;
}

div div, div td {
background-color:transparent; 
background-image:none!important;
}

.mslogo {
display:none!important;
}

div div div select {
position:absolute !important;  
margin-left:-1000px !important; 
left:0px !important; 
display:none !important;
}

div.profileWidth {
margin-top: -XXpx !important;
}

td.text table {
width:100%;
}

.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {
background-color:transparent; 
border:0px;
}

tr, td {
background:transparent;
border:0px;
}

table {
background-color: transparent;
}

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;
}

body div table td form img {
display:none!important;
}

body {
background-color:8da1a0;
scrollbar-track-color:8da1a0;
scrollbar-arrow-color:5e8082; 
scrollbar-face-color:5e8082; 
scrollbar-3dlight-color:899d9e; 
scrollbar-darkshadow-color:899d9e; 
scrollbar-shadow-color:000000; 
scrollbar-highlight-color:000000; 
align: center;
}

textarea {
color:ffffff;
border:none;
background-color:f99f47;
scrollbar-track-color:f99f47;
scrollbar-arrow-color:fdda9a; 
scrollbar-face-color:fdda9a; 
scrollbar-3dlight-color:f99f47; 
scrollbar-darkshadow-color:f99f47; 
scrollbar-shadow-color:000000; 
scrollbar-highlight-color:000000; 
}

input {
color:ffffff;
border:none;
background-color:f99f47;
}

div, ul, input, textarea {
font-family: trebuchet ms; 
font-size:12px; 
line-height:16px; 
letter-spacing:2px;
color:000000; 
}

a:link,  a:visited, a:active {
font-family: trebuchet ms; 
font-size:12px; 
line-height:10px; 
color:75ab44;
text-decoration:none;
}

a:hover {
font-family: trebuchet ms; 
font-size:12px; 
line-height:10px; 
color: ffffff;
text-decoration:none;
}

b {
color:db4e4e;
}

i {
color:2f7da9;
}

u {
color:c165b5;
}

h1 {
font-family:trebuchet ms; 
font-size:16px; 
color:ffffff; 
letter-spacing:3px; 
line-height:18px;
display:block;
text-align:center;
background-color:796c5a;
}

.img {
position:absolute;
top:120px;
left:300px;
}

.div {
position:absolute;
top:510px;
left:330px;
width:640px;
scroll:none;
background-color:9bc178;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="img"><img src="http://cbimg9.com/layouts/08/10/31972aa.gif"></div>
<div class="div">
<center>
[<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>] [<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a>] [<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>] [<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=#######&view=true">Photos</a>] [<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>] [<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">Friends</a>] [<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a>] [<a href="http://myspace.com/supernanny">Credit</a>]
<br><br>
<h1>About Me</h1>
Write somethin' somethin' about you here.
<br><br>
<h1>Friends</h1>
<center><marquee scrollamount="5" width="640px">
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31972ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31972ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31972ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31972ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31972ab.gif" border="0"></a> 
</marquee><br><br>
<h1>Comments</h1>
<form method="post" action="http://comments.myspace.com"><input type="hidden" name="friendID" value="#######"> <textarea name="f_comments" cols="40" rows="5">Comment.</textarea><br>
<input type="submit" value="Submit"> <input type="reset" value="Reset"></form>
</div>

Layout Comments

Showing latest 10 of 14 comments

cute.
using.
the comment box doesnt work.
i tweek it a bit.

By ericakarica on Oct 26, 2008 10:47 pm

=0
I LOVE IT
And I would totally use it
If I wasn't lazy
And I actually bothered to log into myspace

By Firiath on Oct 24, 2008 4:37 am

The comment box isnt working :(

By briellenmike on Oct 23, 2008 6:21 pm

haha, this is really cute. =D

By shadowkissed on Oct 21, 2008 12:43 pm

is there a way i can make it show the ad?
myspace deleted my last layout cuz it covered the ad and threatened to delete my myspace, which i don't want happening

By BreatheTodayx on Oct 15, 2008 6:04 pm