In a Lemonade Sea

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Another Flapjack layout. XD

REPLACE ALL XXXXXXXX's WITH YOUR FRIEND ID!

Website|Myspace|How To

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

.image {position:absolute; left:50%; margin-left:-470px;
top:100px;}

.links {position:absolute;top:730px; left:50%; margin-left:-420px; width:900px;}

.content {position:absolute; top:536px; left:50%; margin-left:110px; 
overflow:auto; width:250px; height:180px; color:000000; font-size:10px;
margin-top:1px;font-weight:normal; letter-spacing:1px; font-family:tahoma;}
</style>

a.home{
float:left;
height: 90px;
width: 105px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975ab.png");
background-position: center;
background-repeat: no-repeat;
}

a.home:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975ac.png");
background-position:center;
background-repeat: no-repeat;
}

a.message{
float:left;
height: 90px;
width: 174px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975ad.png");
background-position: center;
background-repeat: no-repeat;
}

a.message:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975ae.png");
background-position:center;
background-repeat: no-repeat;
}

a.comment{
float:left;
height: 90px;
width: 178px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975af.png");
background-position: center;
background-repeat: no-repeat;
}

a.comment:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975ag.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures{
float:left;
height:90px;
width:176px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975ah.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975ai.png");
background-position:center;
background-repeat: no-repeat;
}

a.add{
float:left;
height:90px;
width:72px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975aj.png");
background-position:center;
background-repeat: no-repeat;
}

a.add:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975ak.png");
background-position:center;
background-repeat: no-repeat;
}

a.block{
float:left;
height:90px;
width:130px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/11/35975al.png");
background-position:center;
background-repeat: no-repeat;
}

a.block:hover{
background-image: url("http://cbimg6.com/layouts/09/11/35975am.png");
background-position:center;
background-repeat: no-repeat;
}
</style>

<div class="content">
<center>
Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here.
</center>
</div>
<style>
{Background Properties}
table, tr, td { background-color:86806a;
border:none; border-width:0;}
body {background-color:86806a}
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
background-color:86806a;}

.mygen { Text Properties }
table, div{font-family:arial; color:FFFFFF; font-size:12px;}
</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails,
.userProfileDetail, .userProfileNetworking, .userProfileSchool,
.userProfileCompany, .extendedNetwork, .latestBlogEntry,
.blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

Layout Comments

Showing latest 10 of 15 comments

Oh I didn't see this before. I like the...'whale' in this. Idk what this is but I like the way it looks and the clarity of these images and colors together.

By Butterface89 on Sep 11, 2010 5:13 pm