Ker-SPLOOSH!

Myspace Layouts / Div Overlay

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">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

body {
background-color: 6abcf8;
background-position: center;
background-image: url("");
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color: FE8F18;
scrollbar-track-color: FC3467;
scrollbar-face-color: FFFC0D;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px "verdana"; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px "verdana"; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:"verdana"; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{Default Links}
a:link, a.man{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}  
a:visited{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;} 
a:hover{font-family:"verdana"; font-size:10px; color:FFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: none; }

</style>

</map>

<div style="position:absolute; left:368; top:940; width:297; height:184; overflow:auto;">
<center>
<br><img src="http://cbimg6.com/layouts/07/10/05/22131ab.jpg"><br><br><br>
Your Picture^<br>
Name: <br>
Age: <br>
That sort of stuff here.
<br><br><br>
</div>

<div style="position:absolute; left:368; top:753; width:297; height:184; overflow:auto;">
<br>
<center>
<h2>About Me</h2><br>
about me stuff here<br><br>
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>

<br>
<h2>Interests</h2><br>
interests and such here<br>
or whatever<br>

</div>

Layout Comments

Showing latest 6 of 6 comments

It's kinda fuzzy. But cute anyways.

By Harp on Nov 5, 2008 1:55 pm

i like the navigation.

i don't like the top though.
it's toooo plain.

By PINKLollyPOP on Oct 7, 2007 11:04 am

I agree that i don't like where the default pic is located. I like the navigation though. :D.

By alecreations on Oct 6, 2007 1:45 pm

i like it so cute

By sh4waty on Oct 6, 2007 12:42 pm

I don't really like this one. The coding is rough and the image is really basic, but thats just my opinion.

By IVIike on Oct 6, 2007 8:23 am

your style is quite different from a lot of others. i like the colors and the nav...i think u did a pretty awesome job...i'm not a fan of where the default pic is located tho

By jesusisthebestthing on Oct 6, 2007 1:02 am

Layout Details

Designer	coldplayisawesome
Submitted on	Oct 5, 2007
Page views	20,257
Favorites	128
Comments	6
Reviewer	IVIike
Approved on	Oct 5, 2007

Ker-SPLOOSH!

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates