Lost Without You

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.

IMPORTANT If you are having trouble finding the navigation links to replace with your myspace id, they are the VERY FIRST set of codes in the "WHO I'D LIKE TO MEET" codes =)

Please, dont remove the credits.
Enjoy! =)

IMAGES: I really dont know who or what to credit, I got that image off Adobe stock photos, and ps'ed the hell outta it =D

Check us out! SWEET!@

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;}
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, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }

body {
	background-color:ffffff!important;
	background-image:url("http://cbimg6.com/layouts/07/09/02/21229aa.png");
	background-repeat:repeat-y;
	background-position:center center;
	background-attachment:scroll;
}
td, .text, div, input {
	color:818181!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	text-transform:none;
	letter-spacing: 0px;
}

.nav {
	display:block;color:ffffff!important;
	text-align:right;
	font-family:georgia;
	overflow-x:hidden;
	font-size:8pt;
	letter-spacing: 4px;
	font-weight: normal;
	width:100%;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height:13pt;
	background-color:f6da9d;
	margin: 1px;
	border-left:3px solid;
	border-right:0px solid;
	border-color:c1e3c4;
}

.nav:hover {
	display:block;color:ffffff!important;
	font-family:georgia;
	overflow-x:hidden;
	font-size:8pt;
	letter-spacing: 4px;
	font-weight: normal;
	width:100%;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height: 13pt;
	background-color:f5dfae;
	margin: 1px;
	border-left:3px solid;
	border-right:0px solid;
	border-color: cbefcf;
	text-align:right;}

a {
	color:ffffff!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:9a0808!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;}

h1 {
	margin: 0px;
	color: 8ad5ab;
	text-align:center;
	border-bottom:1px dotted;
	border-color:f3d89d;
	font-family:georgia;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 15pt;
	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:f2cd6d;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:9ad9b7;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:uppercase;
}
i{
	color:c5a882;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:818181;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.home{
	height:32px; 
	width:115px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229ab.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.add{
	height:32px; 
	width:115px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.message{
	height:32px; 
	width:115px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229ad.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.pictures{
	height:32px; 
	width:115px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229ae.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.block{
	height:32px; 
	width:90px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229af.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.sweet{
	height:32px; 
	width:95px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/09/02/21229ag.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.lwoussbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:700px;
	height:286px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-349px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/09/02/21229ah.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.lwoussimage {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:342px;
	height:47px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-327px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/09/02/21229ai.gif");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.lwoussnavigation {
	background-color:transparent;
	border:0px solid;
	border-color:000000;
	width:127px;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:193px;
	margin-top:369px;
	text-align:justify;
	visibility:visible;
}
.lwoussone {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-325px;
	margin-top:328px;
	text-align:justify;
	visibility:visible;
}

.lwousstwo{
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-216px;
	margin-top:326px;
	text-align:justify;
	visibility:visible;
}
.lwoussrmessage{
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-97px;
	margin-top:328px;
	text-align:justify;
	visibility:visible;
	z-index:4;
}

.lwousspictures{
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:15px;
	margin-top:326px;
	text-align:justify;
	visibility:visible;
	z-index:4;
}

.lwoussblock{
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:135px;
	margin-top:326px;
	text-align:justify;
	visibility:visible;
	z-index:4;
}

.lwousssweet{
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:233px;
	margin-top:326px;
	text-align:justify;
	visibility:visible;
	z-index:4;
}

.lwoussaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:502px;
	height:auto;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-323px;
	margin-top:369px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="lwoussnavigation">
<h1>linksss</h1>
<a href="FRIEND LINKS HERE" class="nav">Links Here</a>

<a href="FRIEND LINKS HERE" class="nav">Links Here</a>

<a href="FRIEND LINKS HERE" class="nav">Links Here</a>
<br>

<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="click it" class="button"></form>

<br>
<h1>Extra</h1>This is extra space. If you want to add pictures, make sure the pictures <s>DO NOT</s> exceed <b>107</b> pixels in width, or else you will get the ugly <i>horizontal bar</i>, which I'm sure, you dont want that =)
</div>

<div class="lwoussaboutme">
<h1>about me</h1>
I cant believe it.  I've <b>strayed</b> away so far from what truly makes <i>me happy</i> in design.  Designing works that please <u>me</u>!  These past few days, I've been trying to hard on trying out <b>new methods</b> on photoshop.  Using more textures, more <s>complex works</s>, the pentool.  Everything is great, but I've fallen off the path of what <i>I love</i>.  Pleasing the <u>ignorant</u> minds of the people on cb.  I <s>dont</s> care anymore.  I'm going back to my old <b>splatter</b> style for the time being!  They come out so much nicer than when I try to make layouts to please cbers.  Anyway, Enjoy the layout, and please, <s>dont</s> remove the credits =) Thanks.
<br>
<br>
<h1>layout css</h1>
<ul>
<li><b>Bold text</b></li>
<br>
<li><u>Underlined text</u></li>
<br>
<li><s>strike through text</s></li>
<br>
<li><i>italicized text</i></li>
</ul>

<h1>heroes</h1>
This is basically like your <b>heroes</b> section.  Put in whoever you admire :)  Also, keep in mind that you can <i>delete</i> this section if you would like.  This section is <u>removable!</u> You may insert <s>pictures</s> into this, but make sure the images do <u>not</u> exceed <b>440</b> pixels width wise.  You dont want a <b>ugly</b> scrollbar on the content section going horizontally, now do you? :)
<br>
<h1>tunes</h1>
<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" data="http://cbimg6.com/layouts/07/09/02/21229aj.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg6.com/layouts/07/09/02/21229aj.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=4247268&path=2007/08/29&mycolor=0xF3D5A9&mycolor2=0x98DAB5&mycolor3=0xFFFFFF&autoplay=true&rand=0&f=3" />
</object>
</div>

Layout Comments

Showing latest 10 of 65 comments

LOVE IT!!!

By ironicsilence on Apr 25, 2009 11:08 am

i love this layout, but on the priview it's a bit messy >

By x-hotchocbun-x on Jul 29, 2008 9:16 am

i love all ur layouts but they r so complicated so i cant use it

By nguyen410 on Apr 15, 2008 11:47 pm

I can't find the place to replace your image. And what if I don't want the links there? I love the layout just those things I mentioned.

By Cuttie-Gurl4 on Dec 13, 2007 4:50 pm

I love this layout... Its very different and I like the background

By tuwg on Dec 11, 2007 3:22 pm

You have amazing skills! Can you tell me what the trick is to making the "lost without you" blink? Is that text customizable?

By ElleMarie on Nov 27, 2007 1:16 pm

Yay you fixed the google searchbar problem =]

People can't view my blogs because there are no links to my blog ... anyone know how to fix this issue?

By ashiepop on Nov 4, 2007 4:18 pm

Hey Sweet, I fixed the Google searchbar & shortcuts problem by putting this code...

body div td div div select {position:absolute!important;t op:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

(if the code doesn't show, message me if you need it)
at the top of the about me part of your layout. It's simple and easy. Just letting you know. :)

By SouthernSnowChik on Nov 2, 2007 9:45 pm

I'll fix this shortly.

By IBangBaby on Oct 31, 2007 2:33 am

The "Lost without you" part is covered up by a google search thing on my myspace profile. How do you fix that or get rid of the google thing?

By ashiepop on Oct 29, 2007 12:35 pm

View all »

Layout Details

Designer	IBangBaby
Submitted on	Sep 2, 2007
Page views	57,389
Favorites	491
Comments	65
Reviewer	IVIike
Approved on	Sep 2, 2007

Lost Without You

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates