Some Stuff.

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">
table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}

.comments{visibility:visible;width:0px; height:0px;position:absolute;
top:0px;left:0px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>

body {
background-color: DAF771;
background-position: bottom;
background-image: url("");
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: DAF771;
scrollbar-face-color: F99553;
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:FFFFFF; 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>

<style>

.nav {
position:absolute; 
left:200; 
top:150; 
width:694;
height:556; 
overflow:hidden;}

.picture {
position:absolute; 
left:356; 
top:310;
width:183;
height:131;  
overflow:auto;}

.aboutme {
position:absolute;
left:545;
top:310;
width:222;
height:244;
overflow:auto;}

.stuff {
position:absolute; 
left:356; 
top:444; 
width:183;
height:124; 
overflow:none;}

textarea.quack {
background-image: url("");
background-repeat: no-repeat;

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

</map>

<div class="picture">
<center>
<br><img src="http://cbimg6.com/layouts/07/12/20/23924ab.png"><br>
<br><br>
Your Picture^<br>
Name: <br>
Age: <br>
That sort of stuff here.<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><br><br>
</div>

<div class="aboutme">
<br><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>

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

</div>

<div class="stuff">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="quack" style="width:183px; height:93px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: verdana; text-transform:none; letter-spacing:1pt;font-size: 12px; color: 000000; background-color:daf771;" style="overflow:auto;">you have the best layout evaahzzz!!!1!  </textarea> <br> 
<center><input value="totally!" style="border-width: 1px; border-style: solid; border-color: 000000; width:85px; font-family: verdana; text-transform:none; letter-spacing:1pt; font-size: 12px; color: 000000; background-color:daf771;" type="submit"> 
<input value="whoops!" style="border-width: 1px; border-style: solid; border-color: 000000; width:85px; font-family: verdana; text-transform:none; letter-spacing:1pt;font-size: 12px; color: 000000;  background-color:daf771;" type="reset"></form>
</div>

Layout Comments

Showing latest 7 of 7 comments

how come wen i click on pics, it says invalid freind ID or sumthin, do u know why?

By nhikka on Dec 21, 2007 2:51 pm

This is pretty cute. I like it a lot.

By tokyo-rose on Dec 21, 2007 1:31 pm

this is nice, but i don't like the colors much

By jesusisthebestthing on Dec 21, 2007 11:18 am

Cute, simple, nice!

By NoWhereGirl1 on Dec 20, 2007 10:41 pm

cute. however, i would've chosen a different color scheme. the background color doesn't work on FF for comment box. other than that's it's very nice. =D

By twodreamlovers on Dec 20, 2007 7:23 pm

this is awesome i love the text of the nav. i would use it, but i'm far too lazy to fill out the things for DIVs.

By confessional-luvv on Dec 20, 2007 5:04 pm

Very sweet :]

By S-Majere on Dec 20, 2007 2:20 pm

Layout Details

Designer	coldplayisawesome
Submitted on	Dec 19, 2007
Page views	14,470
Favorites	79
Comments	7
Reviewer	digitalfragrance
Approved on	Dec 20, 2007

Some Stuff.

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates