Reappearance

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change the YOURIDHERE to your myspace friend ID
Html knowledge needed
Best viewed in firefox, so download it now

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:ffffff;
background-image: url();
background-position:;
background-repeat:repeat;
cursor:crosshair;
}

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;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, 
.friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, 
.navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}
.atable { position:absolute; top:1; left:1; overflow:fixed; }
div div { position:absolute; 
bottom:1000px;
}

.donotremove {
position:absolute;
top:0;
left:0;
overflow:fixed;
}

.title {
position:absolute;
top:340;
left:240;
width:400px;
height:50px;
color:000;
font-family:ms-sans-serif;
font-size:30px;
letter-spacing:-1px;
overflow:fixed;
}

.image {
position:absolute;
top:0;
left:0;
background-image: url();
overflow:fixed;
}

.navigation {
position:absolute;
top:379;
left:10;
width:394px;
height:25px;
overflow:fixed;
}

.content {
position:absolute;
top:393;
left:0;
width:396px;
height:300px;
border-right: 0.5px solid;
border-color:6699cc;
padding-top:5px;
scrollbar-face-color:fff;
scrollbar-highlight-color:6699cc;
scrollbar-3dlight-color:6699cc;
scrollbar-darkshadow-color:6699cc;
scrollbar-shadow-color:6699cc;
scrollbar-arrow-color:6699cc;
scrollbar-track-color:6699cc;
overflow:auto;
}

a.control:link, a.control:visited {
color:000000;
font-family:verdana;
font-size:12px;
text-decoration:none;
letter-spacing:1px;
text-transform:lowercase;
cursor:help;
}

a.control:hover {
color:000000;
font-family:verdana;
font-size:12px;
text-decoration:none;
letter-spacing:1px;
padding-bottom:px;
border-bottom:3px solid;
border-color:000000;
cursor:help;
}

a:link,a:visited {
color:6699cc;
font-family:verdana;
font-size:12px;
text-decoration:none;
letter-spacing:1px;
text-transform:lowercase;
}

a:hover {
color:000000;
font-family:verdana;
font-size:12px;
text-decoration:none;
letter-spacing:1px;
cursor:help;
}

p,s,u,i {
color:000000;
font-family:verdana;
font-size:14px;
letter-spacing:-1px;
padding:2px;
}

p.header {
color:000000;
background-color:6699cc;
font-family:verdana;
font-size:14px;
letter-spacing:-1px;
padding-left:3px;
font-weight:bold;
line-height:10px;
border-bottom:1px solid;
border-color:000000;
margin-bottom:-10;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="title">
Reappearance
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="control">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR ID HERE" class="control">Add   </a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR ID HERE" class="control">Message </a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR ID HERE" class="control">Pictures  </a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR ID HERE" class="control">Comment     </a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOUR ID HERE" class="control">Blogs</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR ID HERE" class="control">Block     </a>
</div>

<div class="content">
<p class="header">This is a title</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p class="header">This is another</p>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
</div>

<div class="donotremove">
<a href="/jismface.com">Designer</a>
</div>

Layout Comments

Showing latest 4 of 4 comments

The banner looks for pretty. I wished you could have done something with the blog portion of the layout. It looks a little plain compared to the banner. I think it is still a very nice layout.

By ExtractedMemories on Jun 27, 2008 8:38 pm

I like this. It's really interesting. It also has an anime picture, and I like anime. But what anime is this from?

By CreativeArticulate on Jun 27, 2008 3:58 pm

Thats neat, I love how you have the the description of Lorem Ipsum instead of the text itsself. Thats awesome.

By stormbringer on Jun 27, 2008 3:51 pm

The top image is nice, but there's a horizontal scroll for me. D:

By schizo on Jun 27, 2008 3:47 pm

Layout Details

Designer	Absinthinjector
Submitted on	Jun 27, 2008
Page views	5,111
Favorites	26
Comments	4
Reviewer	manny-the-dino
Approved on	Jun 27, 2008

Reappearance

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates