New York

Designer's Comments

Look carefully for specific instructions

CHANGED THE BG! ....

oookay
replace all XXXXXXXX with your friend ID .. ALL of em plz ..

For the Image ... Upload an Image of urself or whoever or whatever to ur photo hosting site .. and replace this link: http://cbimg9.com/layouts/08/11/32521aj.jpg with your link ... make sure u leave the width and height to 120 x 160 .. this picture will link to ur pictures ..

the info box ( next to pic) .. u can def use this space for a flsahplayer or smthg .. no need to keep the text in there

yeah theres no friends link on purpose .. most ppl take it off

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">.MyspaceGens Hide New Navigation Bar { http://www.myspacegens.com/handler.php?page=tutorials&16=S } div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position: relative; left: -10000px; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; } div.profileWidth div.clearfix { position: relative; top: 40px; }</style>

.redtext {  color:796f79; font-size:12px;      }

a:active, a:visited, a:link{  color:808080; font-family:tahoma; font-size:11px; text-transform: uppercase;  }

a:hover {  color:808080; font-size:10px;    } 
 
b {color:808080; font-family:tahoma; font-weight:bold; font-size:11px;}
 
u{font-family:Candara;font-size:11px;color:808080;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:0px dashed;
border-bottom-color:808080;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: 808080;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: -10px;
}

{divs}

.layout { background-color:transparent; 
background-image: url(http://cbimg9.com/layouts/08/11/32521ab.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 50%;
margin-left: -400px;
top: 60px;
height: 802px;
width: 800px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -256px;
top: 345px;
height: 280px;
width: 476px;
background-color:transparent;
border-color:black; 
border-style:solid; 
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
_padding-right:2px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -256px;
width: 482px;
border-color:none; 
border-style:none;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
z-index: 2;
}

.image { background-color:none;
position: absolute;
left: 50%;
margin-left: -150px;
top: 630px;
height: 170px;
width: 170px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .image { background-color:none;
position: absolute;
left: 50%;
margin-left: -141px;
width: 170px;
border-color:none; 
border-style:none;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.info { background-color:none;
position: absolute;
left: 50%;
margin-left: -2px;
border-color:white; 
border-style:solid;
border-width:0px;
top: 630px;
height: 159px;
width: 209px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .info { background-color:none;
position: absolute;
left: 50%;
margin-left: -1px;
width: 227px;
border-color:white; 
border-style:solid;
border-width:0px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 50%;
margin-left: -258px;
top: 629px;
height: 165px;
width: 135px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 50%;
margin-left: -258px;
width: 165px;
overflow-y:hidden;
overflow-x:hidden;;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.hometab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -267px;
_margin-left: -257px;
top: 312px;
height:50px;
width: 110px;

overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.home{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ac.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.addtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -185px;
_margin-left: -176px;
top: 312px;
height: 50px;
width: 110px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.add{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ad.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.blocktab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -121px;
_margin-left: -112px;
top: 312px;
height: 50px;
width: 115px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.block{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ae.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.blogtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -31px;
_margin-left: -26px;
top: 312px;
height: 50px;
width: 110px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.blog{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.pixtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 43px;
_margin-left: 49px;
top: 312px;
height: 50px;
width: 110px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.pix{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ag.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:top left;}

.msgtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 94px;
_margin-left: 100px;
top: 312px;
height: 50px;
width: 110px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.msg{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ah.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.credittab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 158px;
_margin-left: 164px;
top: 312px;
height: 50px;
width: 110px;
_width: 110px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.credit{
height:18px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://cbimg9.com/layouts/08/11/32521ai.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.credit:hover{background-position:top left;}

.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, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<div class="content" align="justify">
Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz 
</div> 
</div>

<div class="info">
<div class="content" align="left">
<b>Name:</b> Helena
<br />
<b>Age:</b> 23
<br />
<b>Location:</b> Europe/Nueva York
<br />
<b>Race:</b> Mexican/Portuguese
<br />
<b>Status:</b> Taken
<br />
<b>Orientation:</b> Straight
<br />
<b>Hobbies:</b> Photoshop, Soccer, TV-Shows
<br />
<b>Fave Music:</b> Alternative, RnB
<br />
<b>Fave Movies:</b> Batman, Spiderman, Stay Alive, Frida, Pineapple Express
<br />
<b>Fave TV-Shows:</b> Californication, Desperate Housewives, Weeds

</div> 
</div>

<div style="text-align: left; width: 100%; height: 100%;"><div align="left"><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:transparent!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:808080!important; border-style:solid!important; font-family:Verdana!important; font-size:11px!important; color:808080!important; width:130px!important; height:140px!important; ">Leave a comment if you wanna make me smile ...</textarea><br /><input type="submit" value="Submit" /><input type="reset" value="Clear" /></form>
</div>
</div>
</div> 
</div>

Layout Comments

Showing latest 8 of 8 comments

help me please how do i get my profile pic on this layout???????

By acorn on Dec 22, 2008 2:01 am

Ooops, never mind go it.

By gabigail on Dec 9, 2008 8:28 pm

How do I get my profile picture on the layout?

By gabigail on Dec 9, 2008 8:27 pm

Its pretty ^.^
I was just there
Likeee
yesterday XD
hahahaha
Stupid 15 hour flight -.-

By Firiath on Nov 17, 2008 7:46 am

HAHA, Cristiano likes it, too. ;]

By futura on Nov 14, 2008 5:13 pm

I actually like it the way it is. :)

By futura on Nov 14, 2008 5:13 pm

yeah im thinkn bout changin the BG altogether .. i just dont know what to .. haha .. every color i tried is not matchin :( ..

By diputs on Nov 13, 2008 7:54 pm

the background doesn't look like a great match to the layout, but since you got the background texture in the image it would be best to set the background properties to background-attachment:scroll; so it doesn't look weird when the person scrolls the on the page. The background will move with the layout.

By Blaqheartedstar on Nov 13, 2008 7:50 pm

Layout Details

Designer	diputs
Submitted on	Nov 13, 2008
Page views	16,677
Favorites	129
Comments	8
Reviewer	schizo
Approved on	Nov 13, 2008

New York

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