Crazy Beautiful Life

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Enjoy :)

Do not steal or redistribute!!

Image

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>
table table div form {
	display:inline !important;
}
.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;
}
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;
}
table div div {
	visibility:hidden;
!important;
}
table table table table, table table table table td.text, td.text td.text table {
	display:none;
}
body div div form {
	display:none !important;
}
td td embed, td td embed, td td object {
	position:absolute;
	top:0px;
	right:0px;
	width:45px;
}
div div div select {
	position:absolute !important;
	margin-left:-1000px !important;
	left:0px !important;
	display:none !important;
}
div div table div {
	display:none;
}
div form, .mslogo, div ul {
	display:none!important;
}
div div, div td {
	background-color:transparent;
	background-image:none!important;
}
div.profileWidth {
	margin-top: -30px !important;
}
div.profileWidth div {
	filter:alpha(opacity=0);
	opacity:0.0001
}
div.profileWidth div.clearfix, i i i, div.profileWidth div div {
	filter:none;
	opacity:0.9999
}
div.profileWidth div.clearfix {
	position:relative;
	top:30px
}
div div select, div div form {
	display:none !important;
}
</style>
<style>
body {
	background-color:B3A888;
}
.div {
	position: absolute;
	left: 50%;
	margin-left:-500px;
	top: 90px;
	z-index: 0;
}
.navigation {
	position:absolute;
	left:50%;
	margin-left:-455px;
	top:680px;
	z-index:5;
	width: 112px;
	height: 114px;
}
.navigation a:link, .navigation a:active, .navigation a:visited, navigation {
	display: block;
	background-color:FEF7DB;
	color:552c04;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
.navigation a:hover {
	color:FF7575;
	font-size: 14px;
	font-weight: bold;
}
.h1 {
	font-family:Arial;
	font-size: 16px;
	text-transform: uppercase;
	color:F55B59;
	position: absolute;
	z-index: 5;
	left: 50%;
        margin-left:-100px;
	top: 619px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:F55B59;
	width: 104px;
}
.h2 {
	font-family:Arial;
	font-size: 16px;
	text-transform: uppercase;
	color:F55B59;
	position: absolute;
        left: 50%;
	z-index: 5;
	_left: 270px;
	top: 626px;  
        margin-left:270px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:F55B59;
	width: 118px;
}
.h3 {
	font-family:Arial;
	font-size: 16px;
	text-transform: uppercase;
	color:F55B59;
	position: absolute;
	z-index: 5;
	_left: 270px;
	_top: 706px;
	left: 50%;
        margin-left:270px;
	top: 706px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:F55B59;
	width: 118px;
}
.content {
	position: absolute;
	z-index: 5;
	left: 50%;
	margin-left:-380px;
	top: 655px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:F55B59;
	padding-left: 5px;
	overflow: auto;
	width:600px;
	height:188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:552c04;
}

.friends {
	position:absolute;
        left:50%;
	top:754px;
	margin-left:230px;
	z-index:5;
	width: 416px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 552c04;
}
a:link {
	text-decoration: none;
	color:FF7575;
}
a:visited {
	text-decoration: none;
	color:FF7575;
}
a:hover {
	text-decoration: none;

color:552c04;
}
a:active {
	text-decoration: none;

color:552c04;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="div"><img src="http://cbimg9.com/layouts/08/10/31952aa.jpg" /></div>
<div class="navigation"> <a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">Home</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Message</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a><a href="http://soursherbert.com/">Credit</a></div>
<h1 align="center" class="h1">About Me</h1>
</div>
<div class="content">
  <center>
    <p align="left"><img src="http://cbimg9.com/layouts/08/10/31952ab.jpg" hspace="8" vspace="3" align="left" /> <span class="style1">Leave credit & <strong>DO NOT STEAL OR REDISRIBUTE</strong>!!!
      But most importantly ENJOY!!
      1. Log into <a href="http://www.myspace.com" target="_blank">myspace.com</a> 2. Click on Edit Profile 3. Copy (ctrl+c) and paste(ctrl+v)code to the specified fields 4.Edit code with your <a href="http://www.createblog.com/layouts/friendid.php" target="_blank">FRIENDID</a></br>
      </br>
      <b>bold</b> <u>underline</u> <i>italic</i> <a href="www.createblog.com">links</a></br>
      </br>
      Tested in IE, FF & Opera.</br>
      </br>
      about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me.about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me .</span></p>
  </center>
</div>
<h2 align="center" class="h2">Comment Me</h2>
<form action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" method="post">
  <input value="XXXXXXXX" name="friendID" type="hidden" />
  <textarea style="border:1px solid black; overflow:hidden; position:absolute; left:50%; top:670px; margin-left:230px; width:210px; height:28px; background-color:FEF7DB; text-align:right; font-family:arial; font-size:14px; color:000000; line-height:24px; letter-spacing:-1px; font-weight:normal; text-transform:lowercase; padding-right:9px;" name="f_comments">text here</textarea>
  <br />
  <input style="border:1px solid black; overflow:hidden; position:absolute; left:50%; top:700px; margin-left:230px; width:210px; height:14px; background-color:FEF7DB; text-align:right; font-family:arial; font-size:7px; color:000000; line-height:7px; letter-spacing:1px; font-weight:normal; text-transform:uppercase;" value="send your comment" type="submit" />
</form>
<h3 align="center" class="h3">Friends</h3>
<div class="friends">
  <marquee behavior="scroll" direction="left" width="200" height="100">
  <img src="http://cbimg9.com/layouts/08/10/31952ac.jpg" /> <img src="http://cbimg9.com/layouts/08/10/31952ac.jpg" /> <img src="http://cbimg9.com/layouts/08/10/31952ac.jpg" /> <img src="http://cbimg9.com/layouts/08/10/31952ac.jpg" />
  </marquee>
</div>
</div>
</div>
</div>

Layout Comments

Showing latest 10 of 26 comments

so so beautiful! awesome work here!

By calilani on Mar 25, 2009 10:47 am

i really love this layout...but i have some probz when i use it in myspace...how can i put some pics in my profile and how can i set my default pic?and waht is meant with friend ID?
help plss...

By PinayliciousFefa on Jan 13, 2009 1:52 pm

I 3FFIN LOV3 DIS LAYOUT!!!HOW DO U PUT YA PIX ND DHA FRI3NDS ND NXT 2 UR ABOUT M3 PLZ H3LP????

By NIQUA12 on Jan 10, 2009 7:33 pm

trying to get this to work, where do I put my pictures for my default and for my friends? Please help

By brattlis on Nov 9, 2008 9:41 pm

beautiful!

By Lottipop on Oct 27, 2008 9:26 am

Looks good
*thumbs up*:3

By zachyRAWR on Oct 24, 2008 4:40 am

tryin to use it but i'm having problems
the nav bar isnt showin
plz help

By adan1818 on Oct 19, 2008 12:57 pm

where do you put the Friend ID?

By teniceh on Oct 19, 2008 1:15 am

i love it but am having a lot of problems when i used it in myspace. can u help me guide thru this? i know alredy where to putthe about me section. what abt the friends id? i tried a lot of times it won't go thru.

By bebehlicious77 on Oct 16, 2008 2:55 pm