Clutterd Life

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace the xxx 's with your friend id

**coded in FF

brushes from : http://panicked.nuclearcentury.com/

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 href="http://iwontrapeyou.createblog.com/" 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>
div table div form {display:none !important}
select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
.bodyContent table table div form {display:inline !important;}
</style><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, .navbar, .navbar text, .navbar a:link{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;}

.title{font:30px georgia; 
       color:00008B; 
       letter-spacing:-4px;}

.nav1 {display:block;
color:4F4F4F !important;
font-family:arial;
font-size:10pt;
color:4F4F4F;
letter-spacing: 0px;font-weight: normal;
width:130px;
border-left: 5px solid; 
border-right: 5px solid; 
border-left-color: 4F4F4F;
text-transform:none;
text-decoration:none!important;
line-height:10pt;
background-color:transparent;margin: 1px;
text-align: center;
}

.nav1:hover {display:block;
color:4F4F4F !important;  
font-family:arial;
font-size:10pt;
letter-spacing: 0px;
font-weight: normal;
width:130px;
border-left: 5px solid; 
border-left-color: 4F4F4F;
border-right: 5px solid; 
text-transform:none!important;
text-decoration:none!important;
line-height:10pt;
background-color:FFD700;
margin: 1px;
text-align: center;
}

p.title{font:14px georgia; 
        color:00008B
        line-height:1px; 
        overflow:auto; 
        position:relative; 
        top:1px; 
        border-bottom:none; 
        letter-spacing:4px; 
        text-align:center;}

.aboutme2{
        font-family:arial;
	font-size:7pt;
	font-weight:normal;
	text-transform:uppercase;
        line-height:14 px
	letter-spacing:0px;
        color:4F4F4F;}

b, strong {
color: 00008B;
}

i, em {
color: 00008B;
font-family:georgia;
font-size:11px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: 00008B;
}

</style>
<Style>
body{background-color:000000;background-image:url(); scrollbar-arrow-color:000000; scrollbar-face-color:ffffff; scrollbar-track-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-3dlight-color:ffffff;}
</style>
<div class="cocaine" style="position: absolute; left:0px; top:80px; width:1007px; height:760px; overflow: hidden;">
<img src="http://cbimg6.com/layouts/08/01/06/24452ac.png">
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme2" style="position: absolute; left:610px;  top:436px; width:390px; height:299px; overflow: auto;">
 
<p class=title>Your Info</p> 
<B>Name:</b> Your Info<BR>
<B>Age:</b> Your Info<br> 
<B>Orientation:</b> Your Info<BR> 
<B>Status:</b> Your Info <BR></p>

<p class=title>About The Layout</p>

Woop! Another one! This on has no real theme to it. I just one day looked up on my wall and decided imma make a layout of what was on it witch happen to be a pluthera of random scribbles and notes x]. I love it personally 'cause I have never made A DIV quit like this, but I do wish I woulda made roll overs. I think that it woulda made it way to crowded though and once again I got lazy :D! I tried to make it look like the headers were drawn in pen hence the blue and the links where highlighted hence the yellow. It's my first non psychopathic layout and fetchers the song "Cold" by Crossfade. Hope you love it!! MCL (Much Clown Love)

<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="comm">
You are the antidote that gets me by
Something strong
Like a drug that gets me high
</textarea><br /><input type="submit" value="comment" class="button"></form>
<style type="text/css">
textarea.comm {width:100px; height:50px;padding:1px;margin:0px;color:4F4F4F;font-size:6pt;font-family:small fonts;background-color:transparent;background-image:url(); background-position:bottom left; background-repeat:repeat;font-weight:normal;line-height:7px;text-transform:uppercase;border-color:000000; border-style:solid; border-width:0px; letter-spacing:0px;}
input.button {width:100px;height:7px;color:000000;padding:0px;margin:0px;font-size:4pt;font-family:small fonts;background-color:transparent; border-color:transparent; border-style:solid; border-width:0px; text-transform:uppercase;text-align:right;font-weight:normal;}
input.cred {width:100px; height:7px;background-color:transparent;background-image:url(http://cbimg6.com/layouts/08/01/06/24452ae.gif); background-position:center top; background-repeat:no-repeat;
line-height:8px;border-width:0px;}
</style>

</div>

</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">message</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">block</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav1">pictures</a>

<a href="FRIEND URL HERE!!" class="nav1">Friend</a>

</div>

Layout Comments

Showing latest 10 of 71 comments

This is really, really cute. I love this, love the crazy doodles, animation and everything! Great idea and work here:}

By Butterface89 on Oct 25, 2010 9:05 am

love this one :3

By symone610 on Jun 22, 2009 1:35 pm

another great one!

By calilani on Mar 17, 2009 9:33 am

and if that link doesnt work then theres always www.myspace.com/staceyputnam

By sassy1992 on Dec 31, 2008 9:51 am

http://profile.myspace.com/ind ex.cfm?fuseaction=user.viewPro file&friendID=142428105
opps srry..heres the link...it didnt show up down there

By sassy1992 on Dec 30, 2008 11:02 pm

i may be just a bit picky...but if theres nothing u can really do (or want to do) i can live with it...its still very cutee

By sassy1992 on Dec 30, 2008 11:02 pm

what do you mean bunched yp? Could I see a screen shot, or could you send me the link to your myspace? :)

By JackRapington on Dec 30, 2008 9:02 pm

ok first off i have jus fallen in love with this layout...its perfect.
i jus have one problem...wenever i try to use it it seems that everything is bunched up on the right side...how can i center it a little?

By sassy1992 on Dec 30, 2008 7:24 pm

ummm I've been having problems with the layout...the comment box disapears, and i've only edited the about me part...why is this?

By himgirl6 on Aug 26, 2008 4:49 pm