Pika-Pi

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Put code in about me.

Change XXXs.

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><p></a></p><style type="text/css">
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;}
table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:transparent;
background-image:
url('http://cbimg6.com/layouts/07/09/09/21372aa.png');
font-family:mekanik let;
font-size:8px;
color:black;
text-transform:uppercase;
font-weight:normal;
scrollbar-face-color:ff6600;
scrollbar-track-color:000000;
scrollbar-arrow-color:white;
scrollbar-highlight-color:000000e; 
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
}

.chu{
font-family:mekanik let;
font-size:7px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
border-right:8px solid;
border-color:ff6600;
color:black;
width:105px;
text-decoration:none;
display:block;
}

.chu:hover {
font-family:mekanik let;
font-size:19px;
text-transform:uppercase;
font-weight:normal;
color:ff6600; 
border-right:8px solid black;
background-color:transparent;
width:105px;
text-decoration:none;
display:block;
}

a:link, a:visited, a:active {
font-family:mekanik let;
font-size:19px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
color:black;
text-decoration:none;
}

a:hover {
font-family:mekanik let;
font-size:15px;
text-transform:uppercase;
font-weight:normal;
color:ffcc00;
background-color:black;
text-decoration:none;
}

.layout {
position:right;
tile:over;
overflow:auto;
top:100px;
left:300px;
background-color:transparent;
border:0px;
}

.title {
position:absolute;
left:233px;
top:180px;
heigth:100px;
width:400px;
background-color:transparent;
border:0px;
font-family:verdana;
font-size:50px;
text-transform:uppercase;
color:black;
font-weight:bold;
letter-spacing:1px;
}

.content {
position:absolute;
overflow:auto;
top:255px;
left:233px;
background-color:transparent;
border:2px;
border-color:black;
font-family:mekanik let ;
font-size:12px;
color:black;
text-transform:uppercase;
font-weight:bold;
width:400px;
height:675px;
scrollbar-face-color:ff6600;
scrollbar-track-color:000000;
scrollbar-arrow-color:white;
scrollbar-highlight-color:000000e; 
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
border:0px;
width:200px;
height:150px;
top:210px;
left:675px;
}

.nav {
position:absolute;
overflow:auto;
background-color:transparent;
border:0px;
width:200px;
height:150px;
top:335px;
left:675px;
}

h1 {
color:ff6600;
background-color:black;
font-family:mekanik let;
font-size:18px;
text-transform:uppercase;
font-weight:normal;
display:block;
}

</style>

</div>

<div class="content">
<h1>About Me</h1>
blah blah blah
<h1>Interests</h1>

blah blah blah

<h1>Music</h1>
blah blah blah

<h1>Movies</h1>

blah blah blah
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="chu">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="chu">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="chu">Add</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="chu">Comment</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="chu">Pictures</a>

</div>

<div class="nav">
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
<a href="http://myspace.com/XXXXXXXX" class="chu">Friend</a>
</div>

Layout Comments

Showing latest 8 of 8 comments

why is there 2 divs for the nav?

By Absinthinjector on Jan 31, 2008 1:04 pm

AW! CUTE! :]

By AvaGirl10Roses on Dec 9, 2007 5:32 pm

kewl layout =3

By misteor on Sep 26, 2007 6:42 pm

I like everything but the font. Otherwise, it's pretty cute.

By umbreon on Sep 16, 2007 4:05 pm

eh, nice tag.... lol

I love pikachu

By luvstocreate on Sep 15, 2007 9:17 pm

hmm i think this could have been a little more creative

By xtina on Sep 9, 2007 4:20 pm

i dont find this to be all that creative, but i think it's still very nice. the rollovers are a little off, the "pictures" link overlaps with the very first "friends" link and that ruins the navigation. great work, tho

By jesusisthebestthing on Sep 9, 2007 3:12 pm

I'm not a big fan of this. It could use some boxes and that background is a little overused. Sorry :-/

By schizo on Sep 9, 2007 2:02 pm

Layout Details

Designer	Merlin
Submitted on	Sep 8, 2007
Page views	25,062
Favorites	82
Comments	8
Reviewer	IVIike
Approved on	Sep 9, 2007

Layout Tags

, i wanna be the very best, like no one ever was, to catch them is my real test, to train them is my cause, i will travel across the land, searching far and wide, each pokemon to understand, the power that's inside

Layout Tools

Layout Affiliates

Here I Stand Layouts