Spontaneous Generation

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

All shapes done by me with the pen tool =)

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("");
	background-repeat:repeat-y;
	background-position:center center;
	background-attachment:scroll;
}
td, .text, div, input {
	color:ffffff!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	text-transform:none;
	letter-spacing: 0px;
}

a {
	color:dcb2b6!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:000000!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:center;
	border-bottom:1px dotted;
	border-color:000000;
	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:000000; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:014340;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:ffffff;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:none;
}
i{
	color:000000;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:662b2b;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.spontaneousbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:294px;
	height:528px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:0%;
	top:0%;
	margin-left:-2px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/08/25/20980aa.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.spontaneousbottom {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:672px;
	height:445px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:0%;
	top:0%;
	margin-left:292px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/08/25/20980ab.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.spontaneousnavigation {
	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:255px;
	margin-top:458px;
	text-align:justify;
	visibility:visible;
}

.spontaneousaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:421px;
	height:330px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:0%;
	top:0%;
	margin-left:302px;
	margin-top:103px;
	text-align:justify;
	visibility:visible
}

.extrainfo {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:201px;
	height: 330px;
	overflow:auto;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:743px;
	margin-top:103px;
	text-align:justify;
	visibility:visible;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

<h1>extra</h1>
<h1>Extra</h1>This is extra space. If you want to add pictures, make sure the pictures <s>DO NOT</s> exceed <b>155</b> pixels in width, or else you will get the ugly <i>horizontal bar</i>, which I'm sure, you dont want that =)  But, if your images just <b>have</b> to exceed 155, I strongly recommend you add a <u>marquee code</u> so the images scroll, instead of developing a scrollbar =)

</div>

<div class="spontaneousaboutme">
<h1>about me</h1>
So this is my <b>attempt</b> at making something <u>new</u>.  To tell you the truth, I'm <s>NOT</s> really satisfied with this layout at all.  The <i>original</i> outcome I wanted for this layout would be <b>retro</b>.  But as you can see, it didnt come out too hot.  Also, I decided I wanted <s>hovers</s> on this layout, but later decided navigational hover would be wayyyy too <i>much work</i>.  Perhaps my next layout will incorpirate something alittle more <b>retro</b> =/ Anyway, Enjoy the layout, and please, <s>dont</s> remove the credits =)<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>421</b> pixels width wise.  You dont want a <b>ugly</b> scrollbar on the content section going horizontally, now do you? :)

<br>

Layout Comments

Showing latest 10 of 35 comments

Oh, this is nice. Too bad you don't submit layouts here anymore.

By tokyo-rose on Apr 13, 2010 8:57 pm

awesome job!

By calilani on Apr 22, 2009 12:26 am

this layouts so cute,
i'm defiantly using it : )
-thanks for creating it, just what i was looking for.

By key-ah-saur on Jan 3, 2009 11:04 pm

Nevermind! I found a code that make the search bar invisible. :]

By dotaquote on Apr 14, 2008 7:45 pm

I honestly love this layout and would love more than anything to use it, and actually tried to, but No matter what I did (and I played around with it for a long time, I really do hate being a bother and I apologize), I just couldn't figure out how to make it work with the search bar. Do you have any suggestions?

By dotaquote on Apr 13, 2008 5:24 pm

Didn't use this one but thanks soooo much for putting box dimensions on there. Really helps out.

By stonetx on Apr 3, 2008 6:46 pm

oh and is there a way i can remove the search bar on my page?

By bevvy on Mar 22, 2008 4:47 am

i can't view my pictures and idk y.

By bevvy on Mar 22, 2008 4:38 am

Great job SinfullySweet!
This is the best layout I've seen!!! =D =]
Im actually using it right now but I have just one question.
How do you move the search bar?
There is a search bar that covers up part of my comment box and my "About Me"
Everything else is perfect I would just like to know if there is a way to move it and if so, how

By London15 on Dec 21, 2007 7:07 pm

chynadoll954 - ehhhh. NO
Thanks everyone :D

By IBangBaby on Oct 31, 2007 2:39 am

View all »

Layout Details

Designer	IBangBaby
Submitted on	Aug 25, 2007
Page views	35,662
Favorites	241
Comments	35
Reviewer	Clashing
Approved on	Aug 25, 2007

Spontaneous Generation

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates