Floral

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url(http://layouts.cbimg9.com/33/16566c.jpg); 
background-repeat: repeat; 
line-height: 14px; 
cursor: default;
color:CCDAB9;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent; 
overflow:auto; width: 130; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 596px; 
margin-top:420px; 
text-align:left; 
visibility:visible; 
color:CCDAB9; 
font-size: 8pt; 
line-height: 14px;}

.aboutme { 
background-color:transparent; 
width: 360px; 
height: 100%; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 205px; 
margin-top:340px; 
text-align:left; 
visibility:visible; 
color:CCDAB9; 
font-size: 8pt; 
line-height: 14px;}

.div { 
background-color:9FAF8B; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left:0px; 
margin-top:0px; 
text-align:left; 
visibility:visible;}

div.nav a {
display: block;
padding: 3px;
width: 150px;
margin:5px 2px 2px 2px;
text-align: left;}

div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
padding: 3px;
width: 100px;
background-color:7C0C0B;
text-decoration: none;
color:CCDAB9;}

div.nav a:hover {
display: block;
padding: 3px;
width: 100px;
background-color:916E5A; 
color:7C0C0B;
text-decoration:none;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:Verdana;
font-size: 8pt; 
color:CCDAB9; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;}

h1 {
font: 18pt "century gothic";
color: #CCDAB9;
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

/* Layout by Fainaru - fainaruu.uni.cc */

a:link, a:visited, a:active {color:7C0C0B; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 9FAF8B; text-decoration: none;}

input, textarea {
cursor: default; 
color:CCDBBA;
font-size:8pt;
font-family:Verdana;
background-color:981010;
border:#981010 1px solid;}

blockquote {
background:#916E5A;
border: #916E5A 1px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<a href="http://fainaruu.uni.cc/">Fainaru</a>
</div>

<h1>Floral by Fainaru</h1>
<b>February 10, 2007</b><br>
Another design combining brushes (<a href="http://celestial-star.net/">source</a>) and some imagination of mine. I wanted to try something new with the navigation: make it attached to something instead of what I normally do. Anyways, please follow the terms of use if you wish to use this layout.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 19 comments

wow.
its wicked,
very beautiful

By stalkersara on Nov 8, 2007 9:12 am

I love this layout, but when I paste the layout code into About me, it doesn't show anything but the music player.

By Mintyyy on Jun 9, 2007 1:51 pm

hey i love this layout and would love to use it (thats what this page is for right?) but i dont get it, how do i do it?? cause whenever i use the html code and paste it into the about me and who i'd like to meet section the only thing i get at myspace

By hikka on Apr 4, 2007 2:34 pm

i really like the color scheme on this one.

By MadiiRae on Feb 24, 2007 12:06 pm

The colors go together well.And the banner is excellent work.

By Adrianne Stump on Feb 15, 2007 11:17 pm

@ Everyone: Thank you :D Nice to see the layouts are being used ;)

By fainaru on Feb 15, 2007 3:49 pm

This layout is just beautiful! As are your others. You have quite the talent! I found you through a MySpace friend who is using one of your layouts. Just wanted to give you kudos!

By JavaQueen on Feb 15, 2007 9:59 am

lookz nice.

By DeLo on Feb 12, 2007 9:21 pm

I actually think the colors look good together, its different & it fits.It looks strange in Safari, or atleast on mine (I still need to d/l the new version, hahaha)But I like it.

By arcanum on Feb 12, 2007 2:32 pm

Very nice, the colors go together well.

By toyo loco on Feb 12, 2007 12:16 am

View all »

Layout Details

Designer	fainaru
Submitted on	Feb 10, 2007
Page views	63,913
Favorites	141
Comments	19

Floral

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates