Rebirth

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! =)

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;}
</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, 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/21189aa.png");
	background-repeat:repeat-x;
	background-position:center top;
	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;
}

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

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

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

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

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

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

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

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

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

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

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

h1 {
	margin: 0px;
	color: 04a5e6;
	text-align:center;
	border-bottom:1px dotted;
	border-color:131313;
	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:fbc36d; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:188dbd;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:31b573;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:uppercase;
}
i{
	color:f8f400;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:e10052;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.rebirthbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:800px;
	height:544px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:0%;
	top:0%;
	margin-left:50px;
	margin-top:116px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/09/02/21189ag.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

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

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

.rebirthpics {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:3;
	left:0%;
	top:0%;
	margin-left:655px;
	margin-top:390px;
	text-align:justify;
	visibility:visible;
}

.rebirthmessage {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:778px;
	margin-top:375px;
	text-align:justify;
	visibility:visible;
}
.rebirthsweet {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:720px;
	margin-top:435px;
	text-align:justify;
	visibility:visible;
}
.rebirthcomment {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:202px;
	height:146px;
	overflow:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:498px;
	margin-top:334px;
	text-align:justify;
	visibility:visible;
}

.rebirthaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:400px;
	height:221px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:0%;
	top:0%;
	margin-left:77px;
	margin-top:328px;
	text-align:justify;
	visibility:visible
}

.rebirthextra {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:214px;
	height:120px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:0%;
	top:0%;
	margin-left:494px;
	margin-top:428px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<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>

<div class="rebirthextra">
<h1>Extra</h1>This is extra space. If you want to add pictures, make sure the pictures <s>DO NOT</s> exceed <b>216</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="rebirthaboutme">
<h1>about me</h1>
Weeee.  I kind really <b>like</b> how this layout came out.  I went for something <u>new</u>.  And I feel like I've hit my mark! =)  Yes, I know, the layout may seem <s>HUGE</s>, but I'm sorry.  Go cry somewhere else!  My screen resolution is <i>1440</i>x<b>900</b>.  You can imagine what a <b>pain</b> making layouts that fit all screen resolutions is.  Anyway, I got really inspired by this, because <b>Mark</b> sent me a website of a wonderful <i>abstract</i> digital artist.  I wanted something fresh, and that looked <b>nothing</b> like my other layouts.  For the navigation, I may decide to change it <b>one day</b>, but for the time being, it will have to <u>stay</u>.  I'm not too happy with it, but it still looks pretty nifty =)
<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>400</b> pixels width wise.  You dont want a <b>ugly</b> scrollbar on the content section going horizontally, now do you? :)

<br>
(c)<a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vYWFuZGpfcHJvZHVjdGlvbno=>credit</a>
<br>
</div>

Layout Comments

Showing latest 10 of 75 comments

need help..comment box is not working..
thanks..

By frikazoid on May 19, 2009 10:13 pm

Like It A lot... thanks!

By KTG915 on Dec 24, 2008 11:01 pm

Do You Know How To Get Rid For The White Box At The Top

By ItsNiki on Oct 20, 2008 4:51 pm

i think this layout is tha best one! i like all that colors =)

By majo17 on Jul 26, 2008 8:55 pm

i really like it im usin it right now
but one question why cant you here my music

By roxie27 on Jul 24, 2008 9:31 pm

ohmygosh;;
the colors are so cool.
kudos !

By subtleadieu on Jun 22, 2008 9:27 pm

i really like this layout. But the code for the about me section isnt in the layout code box. Can you help?

By marianng on Jun 16, 2008 1:58 am

I've already used this layout, and I think I'm about to switch to it again.
:D
That's how much I love it.

By musicismyvoice on Apr 12, 2008 11:51 pm

oh I love this one. I'm going to use this one day.

By sassyreckless on Apr 10, 2008 7:49 am

I love this!
I'm using it right now, but the only thing that bugs me is half of the 'Classifieds' that is already in the default navigation hangs out in the top right corner.
:/

By musicismyvoice on Feb 29, 2008 11:25 pm

View all »

Layout Details

Designer	IBangBaby
Submitted on	Sep 1, 2007
Page views	94,234
Favorites	788
Comments	75
Reviewer	IVIike
Approved on	Sep 2, 2007

Rebirth

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates