Halloween 2008

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all "#######" with your friend ID.

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:5f6e7b;
scrollbar-track-color:5f6e7b;
scrollbar-arrow-color:856741; 
scrollbar-face-color:856741; 
scrollbar-3dlight-color:795325; 
scrollbar-darkshadow-color:795325; 
scrollbar-shadow-color:b39b7c; 
scrollbar-highlight-color:b39b7c; 
align: center;
}

textarea {
color:ffffff;
border:none;
background-color:9e85a2;
scrollbar-track-color:9e85a2;
scrollbar-arrow-color:6f4976; 
scrollbar-face-color:6f4976; 
scrollbar-3dlight-color:6f4976; 
scrollbar-darkshadow-color:6f4976; 
scrollbar-shadow-color:9e85a2; 
scrollbar-highlight-color:9e85a2; 
}

input {
color:ffffff;
border:none;
background-color:9e85a2;
}

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

a:link,  a:visited, a:active {
font-family: trebuchet ms; 
font-size:12px; 
line-height:16px; 
letter-spacing:2px;
color:f4ee87;
text-decoration:none;
}

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

b {
color:b4c0cb;
}

i {
color:c0d9bf;
}

u {
color:ffffff;
}

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

a.nav {
font-family:trebuchet ms; 
font-size:18px; 
color:f1ee88; 
letter-spacing:3px; 
line-height:18px;
display:block;
text-align:right;
background-color:5f6e7b;
width:100px;
}

a.nav:hover {
font-family:trebuchet ms; 
font-size:18px; 
color:ffffff; 
letter-spacing:3px; 
line-height:18px;
display:block;
text-align:right;
background-color:5f6e7b;
width:100px;
}

.navbar {
position:absolute;
top:45%;
left:25%;
width:150px;
background-color:5f6e7b;
scroll:none;
padding-bottom:0px;
z-index:1;
}

.whole {
position:absolute;
top:12%;
left:26%;
width:600px;
background-color:856741;
scroll:none;
padding-bottom:0px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navbar">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=#######&view=true" class="nav">Photos</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blog</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block</a>
<a href="http://myspace.com/supernanny" class="nav">Credit</a>
</div>
<div class="whole">
<img src="http://cbimg9.com/layouts/08/10/31898aa.gif" align="center" />
<h1>About Me</h1>
Write somethin' somethin' about you here.
<br><br>
<h1>Friends</h1>
<center><marquee scrollamount="5" width="600px">
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31898ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31898ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31898ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31898ab.gif" border="0"></a> 
<a href="http://myspace.com/friend"><img src="http://cbimg9.com/layouts/08/10/31898ab.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><br>
<img src="http://cbimg9.com/layouts/08/10/31898ac.gif" align="center" /></div><p>

Layout Comments

Showing latest 9 of 9 comments

wanna change it to 2009 for me? for next year??

By jessieislegend on Nov 10, 2008 3:02 am

Eee my comment box isn't working i put my friend Id in ###### there But it just goes to my home page when i tried to post a comment to see if it was working T^T I need help.

By momonashi on Oct 27, 2008 5:16 pm