no.2 Pencil

Designer's Comments

Look carefully for specific instructions

This is the most complex layout i've ever made with like the roll-overs and stuffs.
xD

Don't forget to put your friend id where the XXXXXX are.
Also, put your own Header in where it says header and your picture and friend's pictures/friend ids in their spots too.

if you need help, just ask.
i'll be glad to help.
:)

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://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNlX2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/04/05/26688aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNlX2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg6.com/layouts/08/04/05/26688aa.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;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
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;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}</style>

.div{
position: absolute; 
left: 50%;
margin-left:-480px; 
top: 125px;  
z-index: 0;}

body {
background-image:url();
background-position: center center;
background-color:66cccc; background-repet: repeat;
}

.oneA{
position: absolute; 
left: 50%; 
margin-left:-283px; 
top: 563px; 
z-index:5; 
width:  372px; 
height: 40px; 
overflow: auto;
font:normal 14px verdana; 
color:000; 
font-weight:bold; 
border:0px; 
text-transform: none; 
line-height:15px;}

.one{
position: absolute; 
left: 50%; 
margin-left:-283px; 
top: 593px; 
z-index:5; 
width:  372px; 
height: 450px; 
overflow: auto;
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

.Comment{
position:absolute;
left:50%;
margin-left:-265px;
top: 200px;
z-index:5;
width:361;
height:150;
overflow:auto;}

.friend{
position:absolute;
left:50%;
margin-left:-283px;
top: 1043px;
z-index:5;
width:361;
height:170;
overflow:auto;}

.picture{
position:absolute;
left:50%;
margin-left:-185px;
top: 1300px;
z-index:5;
width:361;
height:220;
overflow:auto;}

</style>
<style type="text/css">
.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:323px;}

.add{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688ab.png) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:363px;}

.msg{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688ac.png) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:403px;}

.block{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688ad.png) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:443px;}

.home{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688ae.png) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:483px;}

.pics{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688af.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
width:372px;
height:40px;
z-index:5;
margin-left:-283px;
top:523px;}

.blog{
height:40px; 
width: 372px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/08/04/05/26688ag.png) top left no-repeat; 
display: block;}

.blog:hover{
background-position: bottom left;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="oneA">Header One</div>

<div class="one">hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. hello. </div>

<div class="Comment">
<style type="text/css">
textarea.area{
background-color:cd6698;
width:313px;
height:100px;
font-family:Calibri;
color:000000;
line-height:29px;
font-size:28px;
border:1px solid;
border-color:cd6698;
letter-spacing:1px;
}

input.button {
color:000000;
text-transform: lowercase;
font-size:14px;
width:313px;
height:20px;
text-align: center;
background-color:cd6698;
border:1px solid;
border-color:cd6698;
line-height:9px;
font-weight: normal;
font-family: Calibri;}
</style>

<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="area">Make me feel special.</textarea><br />
<input type="submit"class="button" value=":)))"></form>
</div>

Layout Comments

Showing latest 10 of 22 comments

Oh! I've just read a comment from user JesusIstheBestThing about the 'rollovers'. I didn't notice them before and yeah, they are terrible. I say that simply because...I recognize that font and I avoid it like the plague; I forgot the name of that font but it doesn't make "anything" look better- it only makes things look worse. Another font would've at least made the rollovers look better, you know? But like the others said about the layout in general: GREAT IDEA!

By Butterface89 on Aug 15, 2010 1:11 pm

The colors look yummy together.

By Butterface89 on Aug 15, 2010 1:06 pm

a bit basic for my taste. :\

By Mikeplyts on Jun 25, 2009 4:21 am

Love it! This is the most creative I've seen:]

By marissabr00tal on Jun 27, 2008 11:11 pm

thats cool :D

By zexactly on May 21, 2008 8:34 pm

Nice...but it has some glitches

By neonrayne on May 3, 2008 11:18 pm

how cute!!!

By emmarevenge on Apr 22, 2008 4:14 am

Nevermind. I'm a tard.

By DaryanGreen on Apr 20, 2008 6:07 pm

IS there any way you can pinpoint where I can change or delete the "Make me feel special." quote within the code you gave us? I'd like to put my name in it or something. Thanks.

By DaryanGreen on Apr 20, 2008 5:57 pm

when i accepted this, i thought it was so adorable. i just think you could've used more vibrant colors. but i agree, you should feel proud :D

By miyashu on Apr 14, 2008 12:43 am

View all »

Layout Details

Designer	fredatemespleen
Submitted on	Apr 5, 2008
Page views	15,768
Favorites	112
Comments	22
Reviewer	miyashu
Approved on	Apr 5, 2008

no.2 Pencil

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates