Step Up!

Designer's Comments

Look carefully for specific instructions

1. Substitute XXXXXXXX with YOUR myspace friend-id for the comment box and the navigation bar work as well.

2. This is my first layout. Any comments/sugestions/compliments
myspace.com/lexygj

THANK YOU!

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, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}.byebye{display:none;}

body{
background-color:F0EEE0;
background-image:url('IMAGE_URL_HERE');
background-position:top center;
background-repeat: no repeat;
background-attachment: fixed;
}

.divimage{
position: absolute;
left: 50%;
top:0px;
margin-left:-425px;

background-color:transparent;
z-index:1;
}

.viewmypics{
position: absolute;
left: 50%;
top: 210px;
margin-left: 200px;
height: 40px;
width: 180px;
background-color:transparent;
z-index:2;
}
.home{
position: absolute;
left: 50%;
top: 210px;
margin-left: -245px;
height: 40px;
width: 250px;
background-color:transparent;
z-index:2;
}

.add{
position: absolute;
left: 50%;
top: 260px;
margin-left:-250px;
height: 40px;
width: 180px;
background-color:transparent;
z-index:2;
}

.block{
position: absolute;
left: 50%;
top: 260px;
margin-left: 195px;
height: 40px;
width: 200px;
background-color:transparent;
z-index:2;
}
.friends{
position: absolute;
left: 50%;
top: 310px;
margin-left: 205px;
height: 40px;
width: 200px;
background-color:transparent;
z-index:2;
}
.message{
position: absolute;
left: 50%;
top:310px;
margin-left: -235px;
height: 40px;
width: 200px;
background-color:transparent;
z-index:2;
}

.comments{
position: absolute;
left: 50%;
top:305px;
margin-left:163px;
height: 22px;
width: 49px;
background-color:transparent;
z-index:2;
}
.edit{
position: absolute;
left: 50%;
top:305px;
margin-left: 305px;
height: 22px;
width: 49px;
background-color:transparent;
z-index:2;
}

.content{
position: absolute;
left: 50%;
top: 540px;
margin-left: -35px;
height: 570px;
width: 450px;
background-color:transparent;
z-index:2;
font-family: Arial;
color: black;
font-size: 8pt;
text-align: center;
overflow: auto;
scrollbar-arrow-color: black;
scrollbar-face-color: F0EEE0;
scrollbar-track-color: F0EEE0;
scrollbar-3dlight-color: F0EEE0;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
scrollbar-darkshadow-color: F0EEE0;}

.right{
position: absolute;
left: 50%;
top: 615px;
margin-left: -410px;
height: 100px;
width: 355px;
background-color:transparent;
z-index:2;
font-family: Verdana, sans-serif;
color: white;
font-size: 9pt;
overflow: none;
}

.cmntbox{
position: absolute;
left: 50%;
top: 440px;
margin-left: -225px;
height: 100px;
width: 260px;
background-color:transparent;
z-index:2;
font-family: Verdana, sans-serif;
color: white;
font-size: 9pt;
overflow: none;
}
.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 .orangetext15, .rid{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
.comt {width:359px; height:400px; overflow:auto;
background-color:tranparent; border:0px solid; border-color:black;
position:absolute; top:733px; left:50%; margin-left:-410px; 	
font-family: Arial;
color: black;
font-size: 8pt;
overflow: auto;
scrollbar-arrow-color: black;
scrollbar-face-color: F0EEE0;
scrollbar-track-color: F0EEE0;
scrollbar-3dlight-color: F0EEE0;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
scrollbar-darkshadow-color: F0EEE0;}
.blacktext10 {width: 275px;}

.title {
text-align: center;
font-family: Arial, sans-serif !important;
font-size: 21pt !important;
letter-spacing: 1pt;
color: black;
border-bottom: 9px solid; border-bottom-color: F0EEE0;
margin-bottom: 3px;
display: block;

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<img src="http://layouts.cbimg8.com/34/17246d.jpg" align="right"><b>Name:</b> Your name<br>
<b>Age:</b> Your Age<br>
<br>
<br>
<b>City:</b> Your place here <br>
<br>
<br>
Put your text here, blah blah blah. As much as you want. Don't worry about closing this code; that's all you need!<br>
<br>
<div class="title">about me</div><br>
<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
<div class="title">whatever you want here</div><br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
</div>

<div class="cmntbox">
<center><form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" cols="20" rows="3" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: arial; font-size: 18pt; align: center; color: 000000; background-color: transparent; 	scrollbar-arrow-color: black; scrollbar-face-color: F0EEE0; scrollbar-track-color: F0EEE0; scrollbar-3dlight-color: F0EEE0; scrollbar-highlight-color: black; scrollbar-shadow-color: black; scrollbar-darkshadow-color: F0EEE0;}" style="overflow:auto;">YOU DON'T KNOW WHAT YOU'VE GOT YOURSELF INTO...</textarea><BR><br>
<br>
<input value="comment" style="border-width: 2px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10pt; color: 000000; background-color: F0EEE0;" type="submit"></form></center><br></div>

Layout Comments

Showing latest 10 of 16 comments

Its okay, could be better, but its still nice

By LadyLBlack on Nov 27, 2008 11:37 pm

omggg, i love this layoutt. and channing tatum is soo hott. O_O amazing job.

By aaayotiffany on May 20, 2008 4:52 pm

the comment box is not working for me

By iluvperu on Mar 9, 2008 1:42 pm

quick question ummm well where it says image 100x100 how do u put a pic there????

By Jenny9129 on Nov 3, 2007 10:47 pm

can you please make one for the movie Love and Basketball

By Young-Money on Sep 14, 2007 2:49 am

Great Layout..

By newkidontheblock on Jun 15, 2007 7:33 am

yeah i agree with everyone the layout is ok but nothing really amazing

By IVIike on Mar 31, 2007 6:02 pm

well i really love the organization and placement of the contents

By SUPERednerd on Mar 31, 2007 3:19 am

the layout is vey nice i like it

By yanis on Mar 31, 2007 12:49 am

Part of Channing Tatum's arm is erased And I think you used overlay/soft light (if you use photoshop) a little too much for the image because they're skin looks orange. Other then that, the setup is nice.

By cowsarecool on Mar 30, 2007 4:13 pm

View all »

Layout Details

Designer	lexygjal
Submitted on	Mar 28, 2007
Page views	34,797
Favorites	79
Comments	16

Step Up!

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates