Simple Pastel DIV

Designer's Comments

Look carefully for specific instructions

Please only use this layout if you have some experience with HTML. However, if you have a basic question or two about installing it, you may message me on this site.

Steps:
1) Copy and paste your current profile codes into a text documents and save them, and then clear your entire profile.
2) Paste the codes below into your About Me and Who I'd Like to Meet sections
3) Everytime you see XXXXXX, replace it with your friend ID.
4) Replace the http://layouts.cbimg8.com/31/15729d.jpg code with a link to a photo of you. The dimensions should be 127 x 122 pixels.

You can then add your own content to the header box, the about me box, and the blogs box. To do this just search for the current text(blahblah's myspace, etc) and replace it with your own.

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">
/* thanks to joyboner.com for comment div tutorial */
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

.comt td td td .ImgOnlineNow{display:none;}

note{The Main: comment div;}
.comt {width:474px; height:120px; overflow-x:hidden; overflow-y: auto;
background-color:#E6FEFF; border:0px solid; border-color:black; position:absolute; top:477px; left:365px; margin-left:-100px; }
note{Timestamp: width;}
.blacktext10 {width: 330px;}

note{all text in comments}
.comt td td td, .comt td td td b {font:normal 11px arial; 
color:FF7DB5;}
note{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font:normal 11px arial; color:E6FEFF;}
.comt td b a:hover {font:bold 11px arial;

color:FF7DB5;}

table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
visibility:hidden;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
}

td.text table table {
display:inline; 
visibility:visible;
}

a:active, a:visited, a:link {
cursor:default; 
font-family:arial; 
color:FF7DB5; 
font-size:11px;
font-weight: normal; 
text-decoration: underline;
}

a:hover { 
font-family:arial; 
color:FF7DB5; 
font-size:11px;
text-decoration:underline; 
font-weight: bold; 
cursor:default; 
}

body {
background-color: b4f1fc; 
overflow: hidden;
cursor:crosshair;
}

div {
scrollbar-face-color:b6b6b6;
scrollbar-arrow-color:b6b6b6;
scrollbar-highlight-color:808080;
scrollbar-shadow-color:808080;
scrollbar-3dlight-color:66d1ec;
scrollbar-darkshadow-color:66d1ec;
scrollbar-track-color:66d1ec; 
overflow-x: hidden;
}

.layout {
position:absolute; 
left:250px; 
top:127px; 
overflow:auto;
visibility:visible;
}
</style>

}
</style></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="layout"><img src="http://img183.imageshack.us/img183/9899/layoutuphd3.gif"

usemap="#navi" border="0"></div>
<div class="header" style="position: absolute; top:127px; left:330px;overflow:auto;width:400px;

height:138px;border:; font:bold 40px arial ;

color:FF7DB5;text-align:justify;background-color:transparent;">
blahbla's myspace</div>

<div class="me" style="position: absolute; top:188px; left:264px;"><img

src="http://layouts.cbimg8.com/31/15729d.jpg" border="0"></div>

<div class="about me" style="position: absolute; top:206px; left:412px;overflow:auto;width:228px;

height:138px;border:; font:normal 11px arial;

color:FF7DB5;text-align:justify;background-color:transparent;">

<br>
<br>
<br>
<br>blah blah blah
<br><br>
blah
<br>
<br>
<br>
<br>blah blah blah
<br><br>
blah
<hr align="center" width="90%" size="1" color="FF7DB5" noshade>
blah blah blah...yayyy
</div>

<div

class="commentbox" style="position: absolute; top:357px; left:263px; width:200px;

height:100px;border:; font:normal 11px arial;

color:FF7DB5;text-align:justify; background:transparent;";> 
<form method="post"

action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="XXXXXXXX" type="hidden"><textarea

name="f_comments" cols="10" rows="7" style="width:190px; height:67px; border-width: 1px; border-style:

solid; border-color:

FF7DB5; font-family: arial; font-size: 11px; color: FF7DB5; 
background-image: url(http://layouts.cbimg8.com/31/15729f.gif);"

style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px;

border-style: solid; border-color: FF7DB5; font-family: arial; font-size: 11px; color: FF7DB5;

background-color: FFFF99;"

type="submit"> <input value="clear" style="border-width: 1px; border-style: solid;

border-color: FF7DB5; font-family: arial; font-size: 11px; color: FF7DB5; background-color: FFFF99;"

type="reset"></form>

</div>

<div class="blogs" style="overflow:auto;position: absolute; top:358px; left:474px; width:265px;

height:88px;

background-color:;padding-left: 0px;padding-

right:0px;font:normal 8px arial; color:FF7DB5;background-color:transparent";>

<br>
<img src="http://layouts.cbimg8.com/31/15729e.gif">    <a href="http://blog.myspace.com/bloglinkhere">This is my first blog</a><br>
<img src="http://layouts.cbimg8.com/31/15729e.gif">    <a href="http://blog.myspace.com/bloglinkhere">This is my second blog</a><br>
<img src="http://layouts.cbimg8.com/31/15729e.gif">    <a href="http://blog.myspace.com/bloglinkhere">This is my third blog</a><br>
<img src="http://layouts.cbimg8.com/31/15729e.gif">    <a href="http://blog.myspace.com/bloglinkhere">This is my fourth blog</a><br>
<br>
<br>
<br>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">View all blog entries</a>
</div></div>
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 55 comments

Tis great!

By Butterface89 on Aug 31, 2010 10:42 am

Love this.

By Jesabellee on Apr 12, 2009 7:27 pm

iWrite, when I made this layout over two years ago I actually made it in IE, so it used to work in IE, but things on myspace may have changed since then.

By falsetigerlimbs on Feb 17, 2009 2:08 am

it doesnt work wit hIE right?

By iWrite on Feb 11, 2009 5:18 pm

oober cute :D

By whiteteddybear on Nov 16, 2008 11:34 pm

THIS IS SO CUTE. I WILL USE IT ONE DAY

By dajuiceizluce on Jun 13, 2008 4:49 pm

i love divs that show comments, not many do that, i also love the colors!

By sweetphatty on May 15, 2008 4:00 pm

is there anyway to play music on this profile?

By sykochic77 on Apr 25, 2008 5:42 pm

ROFL adamsbox.
You won't stand a chance.
O_O
Stick to standard layouts, forever.

By falsetigerlimbs on Apr 6, 2008 8:40 pm

umm whats HTML???
i need help with it

By adamsbox10 on Apr 6, 2008 6:36 pm

View all »

Layout Details

Designer	falsetigerlimbs
Submitted on	Dec 9, 2006
Page views	306,445
Favorites	802
Comments	55

Simple Pastel DIV

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates