Add a catchy layout title here =)

Designer's Comments

Look carefully for specific instructions

Plese, do not attemp to use this layout, if you are not fluent with html/css.

Replace the "xxxxxxxxxxxx"s in the navigation links (located in the very beginning of the Who I'd Like to Meet code) to make the links un-broken.

To locate your myspace ID, log in to your myspace, click "view my profile", and at the end of the internet adress bar should have numbers.

Example:3423434

This layout is very customizable.

TO REPLACE THE IMAGES WITH YOUR OWN look for the marquee codes, and there you will see image urls.

The image starts with
img src="IMAGE URL HERE"

To replace the images with your own images, replace the Url within the quotes.

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">
.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;}
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;}
</style>

<style>

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}
</style>

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

.add{
	height:39px; 
	width:100px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;
align:left;}

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

.message{
	height:39px; 
	width:100px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537ad.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.pictures{
	height:39px; 
	width:100px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537ae.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.block{
	height:39px; 
	width:100px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537af.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.blog{
	height:21px; 
	width:90px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537ag.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.swt{
	height:21px; 
	width:90px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/10/20537ah.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.nav {
	display:block;color:ffffff!important;
	font-family:small fonts;
	overflow-x:hidden;
	font-size:5pt;
	letter-spacing: 0px;
	font-weight: normal;
	width:100%;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height:10pt;
	background-color:323232;
	margin: 1px;
	border-left:0px solid;
	border-right:2px solid;
	border-color:085eb4;
	text-align:left;
}
.nav:hover {
	display:block;color:ffffff!important;
	font-family:small fonts;
	overflow-x:hidden;
	font-size:5pt;
	letter-spacing: 0px;
	font-weight: normal;
	width:100%;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height: 10pt;
	background-color:414141;
	margin: 1px;
	border-left:0px solid;
	border-right:1px solid;
	border-color:0c75dd;
	text-align:left;}

a {
	color:373737!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:ffffff!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;}
h1 {
	margin: 0px;
	color: ffffff;
	text-align:left;
	border-bottom:1px solid;
	border-color:007FFF;
	font-family:georgia;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: 10px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 20px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}
h2 {
	margin: 0px;
	color: ffffff;
	text-align:left;
	border-bottom:1px solid;
	border-color:007FFF;
	font-family:georgia;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: 9px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 20px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}

li {
	color:ffffff; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:019aec;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:ff956b;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:none;
}
i{
	color:ffffff;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:000000;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.probg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:600px;
	height:597px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-299px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/08/10/20537ai.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.homebutton {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:100px;
	height: 39px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-249px;
	margin-top:127px;
	text-align:justify;
	visibility:visible;
}

.addbutton {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:100px;
	height: 39px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-149px;
	margin-top:127px;
	text-align:justify;
	visibility:visible;
}
.messagebutton {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:100px;
	height: 39px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-49px;
	margin-top:127px;
	text-align:justify;
	visibility:visible;
}
.picturesbutton {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:100px;
	height: 39px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:51px;
	margin-top:127px;
	text-align:justify;
	visibility:visible;
}
.blockbutton {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:100px;
	height: 39px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:151px;
	margin-top:127px;
	text-align:justify;
	visibility:visible;
}
.link {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:170px;
	height: 14px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:113px;
	margin-top:104px;
	text-align:justify;
	visibility:visible;
}

.proaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:413px;
	height:auto;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-129px;
	margin-top:170px;
	text-align:justify;
	visibility:visible
}
.pro2aboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:136px;
	height:auto;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-284px;
	margin-top:170px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="proaboutme">
<h1>about me</h1>
Okay.  So, this layout took me <b>forever<i>!!</b></i>  The most time consumig was the <u>navigation</u>.  Jeesus lord!  It was <i>impossible</i> for me to make them align within <s>ONE</s> div layer.  So, I had to go about making seperate div layers for each image!  All this just so I could get that nice <u>hover effect</u>.  The theme is supposed to be professional, seeing as how the layout is very simple, with nice colors. The colors are <b>light orange</b>, <u>deep blues</u>.  This layout is VERY customizable.  You can remove headers, change sections, add links, pictures, anything!  Thats enough rambling for now.  Enjoy! & Please, dont remove the credits.  Thanks =) <br>
<br>
<ul>
<li><b>Bold text</b>
<br>
<li><u>Underlined text</u>
<br>
<li><s>strike through text</s>
<br>
<li><i>italicized text</i>
</ul>
<h1>extras</h1> 
This is a extra section.  You can add <b>pictures</b>,<i> clips</i>, <u>interests</u>.  This section is for anything, and everything.  But, make sure if you want to add pictures, do not let the image <b>exceed</b> <s>400 pixels</s> in width.  You dont want that image to develop a ugly horizontal scroll bar!

<br>

<h1>note</h1>
Note.  There is a different between the headers.  The <u>h1</u> header text is <b>more</b> spaced than the <s>H2</s> headers.  So note, when wanting to make extra sections in the left column, the headers vary.<br>
<br>
<br>
</div>

<div class="pro2aboutme">
<h2>friends</h2>
<a href="" class="nav">friend names</a>
<a href="" class="nav">friend names</a>
<a href="" class="nav">friend names</a>
<a href="" class="nav">friend names</a>
<a href="" class="nav">friend names</a>
<a href="" class="nav">friend names</a>
<br>
<h1>quotes</h1>
<justify>
<marquee direction=up scrollamount=1 height=130px>
<justify>
Add something <b>catchy</b> in here! =)  Its marqueed to draw attention.  Also, add any pictures you want, just don't exceed <u>130px</u> in width size.
</justify>
<center>
<img src="http://cbimg6.com/layouts/07/08/10/20537ak.png">

</marquee>
<br>

<h1>cmnt</h1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxxxxxx" type="hidden"> <textarea name="f_comments" class="color">comment me here! :)</textarea><br /> <input type="submit" value="drop one for me" class="button"></form>

Layout Comments

Showing latest 10 of 82 comments

how do you end the marquee??

By frenchiie on Feb 2, 2009 5:35 pm

i really absolutley love this layout blue is my fav color && itzz reallie simple which izz wat ive been looking for thanks a milion im soo using this

By minabodena on Nov 3, 2008 11:40 pm

love the rollovers (=

By jiyong on Oct 29, 2008 4:35 pm

what code would u use on this layout to show comments

By jennaray2002 on Oct 23, 2008 3:37 pm

using this layout, how could i show my comments?

love this layout btw...

By jennaray2002 on Oct 23, 2008 3:35 pm

also, my comment box floats with the marquee? not sure how that happend

By reedo on Sep 11, 2008 1:33 pm

my comment box wont work can someone help? it says invalid friend id when someone tries to comment

By reedo on Sep 9, 2008 11:55 pm

Erm, from where I stand, the comment box stays perfectly fine. Just to let you know :]

By IBangBaby on Aug 5, 2008 3:11 am

Very nice, but you forgot to end the marquee. The comment box just kind of floats along with it lol. Most people aren't going to know how to end it, just to let you know. :]

By HeartOfPandora on Aug 4, 2008 11:27 pm

i have replaced all the crosses with my id but the links dont seem to work. A display comes up and says that its linked to an outside site.
How do i fix it ?

By doltfantasies on May 22, 2008 8:46 am

View all »

Layout Details

Designer	IBangBaby
Submitted on	Aug 10, 2007
Page views	61,833
Favorites	338
Comments	82
Reviewer	anime-essence
Approved on	Aug 10, 2007

Add a catchy layout title here =)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates