Floral Flow

Designer's Comments

Look carefully for specific instructions

HTML KNOWLEDGE REQUIRED

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

Credits
Brushes: Madsatsuki

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:21px; 
	width:80px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/07/20395ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

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

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

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

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

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

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

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

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

.block{
	height:21px; 
	width:90px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/08/07/20395ah.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/07/20395ai.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/07/20395aj.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.nav {
	display:block;color:b64926!important;
	text-align:right;
	font-family:small fonts;
	overflow-x:hidden;
	font-size:5pt;
	letter-spacing: 0px;
	font-weight: normal;
	width:96px;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height:10pt;
	background-color:transparent;
	margin: 1px;
	border-left:0px solid;
	border-right:0px solid;
	border-color:8c2700;

}
.nav:hover {
	display:block;color:ffffff!important;
	font-family:small fonts;
	overflow-x:hidden;
	font-size:5pt;
	letter-spacing: 0px;
	font-weight: normal;
	width:96px;
	text-transform:uppercase;
	text-decoration:none!important;
	line-height: 10pt;
	background-color:7e2300;
	margin: 1px;
	border-left:0px solid;
	border-right:0px solid;
	border-color:8c2700;
	text-align:right;}

a {
	color:white!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:right;
	border-bottom:1px dotted;
	border-color:ffffff;
	font-family:georgia;
	font-size: 13pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 17pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}
h2 {
	margin: 0px;
	color: ffffff;
	text-align:right;
	border-bottom:1px dotted;
	border-color:ffffff;
	font-family:georgia;
	font-size: 13pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 17pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	background-image:url("http://cbimg6.com/layouts/07/08/07/20395ak.png");
	background-position:center left;
	background-repeat:no-repeat;
}
li {
	color:ffffff; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:ffc876;
	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:386c51;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.floralbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:704px;
	height:542px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	left:0%;
	top:0%;
	margin-left:0px;
	margin-top:0px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/08/07/20395al.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

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

.floralaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:390px;
	height:auto;
	overflow-x:hidden;
	position:absolute;
	z-index:2;
	left:0%;
	top:0%;
	margin-left:242px;
	margin-top:206px;
	text-align:justify;
	visibility:visible
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFkc2F0c3VraS5kZXZpYW50YXJ0LmNvbS8=" class="nav">madsatsuki</a>

<a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vYWFtZGpfcHJvZHVjdGlvbno= class="nav">sweet!@</a>
<br>
<br>
<br>
</div>

<div class="floralaboutme">
<h2>about me</h2>
Aghh.  There is a reason why I hadnt lowered the image down 90 pixels. The bottom part of the bottom shows at the top.  I tried to blend the edges, or even tried using a transparent image, but it came out looking horidly.  It looked really bad.  So, I dont know what I was thinking.  I will try fixing it so it does not half cover the ad, but its the best I can do =/  Oh well, I still think the layout came out <i>fab</i>! =)  Enjoy the layout, and please, <s>dont</s> remove the credits =) Thanks.
<br>
<br>
<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>
<br>
<br>
<br>
<br>
<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>
<br>
<br>
<h1>comment</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="click it" class="button"></form>

Layout Comments

Showing latest 10 of 21 comments

Sorta like this one, too.

By Butterface89 on Sep 20, 2010 6:42 pm

VERY NICE!!

By Mikeplyts on Aug 2, 2009 12:39 am

Thanks mona, that means alot :)

By IBangBaby on Oct 31, 2007 2:41 am

Wow, this is beautiful! :)

By shadowfax on Aug 23, 2007 12:44 pm

what i have to do to the others see my friends? :S

By andresordeix on Aug 19, 2007 11:21 pm

Id love to use this layout on myspace. However I am very green on the html/css.

By mayfieldfan on Aug 10, 2007 9:07 pm

Below me, you're going to need to update your browser. If it cannot read transparent images, it most likely out of date :)

By IBangBaby on Aug 8, 2007 2:36 pm

Very nice layout, but when I view the layout in CB Mode, the images for the navigation are blue in the background. I like this layout and the font, very creative. (:

By TheVanityLight on Aug 8, 2007 2:28 pm

i will be using this. i luv everything about it...very clean...my favorite from you so far

By jesusisthebestthing on Aug 7, 2007 11:08 pm

Oh yeah and the navigation kicks ass!

By FoxLucky on Aug 7, 2007 9:47 pm

View all »

Layout Details

Designer	IBangBaby
Submitted on	Aug 6, 2007
Page views	20,751
Favorites	115
Comments	21
Reviewer	mzkandi
Approved on	Aug 7, 2007

Floral Flow

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates