Flare

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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

layout archive + services > baretta.uni.cc

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://i125.photobucket.com/albums/p41/fainarucb/flare/layout.jpg') fixed no-repeat; 
background-position:bottom left;
background-color:C7B7C0;
line-height: 17px; 
cursor: default;
color:444444;}

.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;}
img { border:0;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:250; 
left: 0;
margin-left: 50px;
text-align:left; 
visibility:visible;
width:170px;}

.aboutme { 
background-color:transparent; 
width: 380px; 
position:absolute; 
z-index:2; 
top:200;
bottom:0;
margin-bottom:100;
left:0px;
margin-left: 250;
text-align:justify; 
visibility:visible; 
font-family:arial;
font-size: 7pt;}

.div { 
background:none; 
position:absolute; 
z-index:2; 
bottom:-200; 
left: 0;
margin-bottom: 0;
text-align:left; 
visibility:visible;}

div.nav a {
text-align: left;
letter-spacing:1px;
text-transform:lowercase;
display:block;
padding:1px 0 1px 30px;
margin-right: 10px;
margin-bottom:5px;
line-height:22px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:222222;
display:block;
font-style:normal;
font-family:arial;
font-size: 7pt; 
font-weight:bold;
margin:1px;
background-color:F7DEE4;}

div.nav a:hover {
color:002930;
text-decoration:none;
cursor:default;
background: url('http://i125.photobucket.com/albums/p41/fainarucb/flare/hover.gif') no-repeat; 
font-family:arial;
font-size: 7pt; 
text-transform:lowercase;
font-weight:bold;}

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

h1 {
font: 13pt "times new roman";
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 10px 0;
color:8C1F36; 
font-weight:bold;
border-bottom:2px solid;
border-bottom-color:CF5F31;}

.comment { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:450;
left: 50;
margin-left: 0px;
text-align:left; 
visibility:visible;
text-align:center;
width:170px;}

.comment textarea {
background-color:F7DEE4;
margin-top:10px;
cursor:text;
font-size:15pt;
font-weight:bold;
border:none;
color:D22A65;
font-family:arial;
font-size: 7pt;}

.comment input {
background-color:F7DEE4;
margin-top:10px;
cursor:text;
font-size:15pt;
font-weight:bold;
border:none;
color:D22A65;
font-family:arial;
font-size: 7pt;}

* html .comment textarea {margin:0;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:D03314; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: fff; text-decoration: none;background-color:E9916D;}

input, textarea { 
color:D22A65;
font-family:arial;
font-size: 7pt; 
background-color:F7DEE4;
border-width:1px; border-style:solid; border-color:D22A65;}

blockquote {
background:transparent;
border: transparent 0px 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</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<a href="http://baretta.uni.cc/">Baretta</a>
<a href="http://textuures.uni.cc/">Textuures</a>
</div>

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

</div>

<h1>Flare by Fainaru</h1>
<b>December 22, 2007</b><br>
Coco Rocha! Blending this was fun. Observe how the layout looks like with more content.<br><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo.

<br><br>You can remove the extra comment box under CSS Elements. Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<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" cols="50" rows="6">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 12 comments

Amazing.

By TheExoticPeachFairy on Jul 29, 2008 2:47 pm

It reminds me like a xanga lyt. =]

By PiNK-RAGe on Feb 9, 2008 5:08 pm

So pretty!!

By DelicateLove on Dec 26, 2007 12:01 am

Beautiful background.

By tokyo-rose on Dec 22, 2007 9:43 pm

LOVE IT.
the colors are amazing!
and the images!
WOW.
U AMAZE ME.

By na-nancy on Dec 22, 2007 7:37 pm

make the background image fixed. bring up the content area. i love the navigation hover though. there's too little space between the navigation and the content area in IE and too much space in FF. however, i love the navigation hover, background, and the colors u used. =]

By twodreamlovers on Dec 22, 2007 6:09 pm

way too plain imo XD

By IVIike on Dec 22, 2007 4:14 pm

its nice but i think its a little plain. otherwise, its great!

By lilovangstachik on Dec 22, 2007 2:55 pm

Its messed up a little in FF

By NICKAWHAT on Dec 22, 2007 2:38 pm

i really love the navi effects! This is a different layout code for you and i really like it...altho, what mikxoh said, the boxes are spread out in ff
:D Still love it!

By tainted-twilight on Dec 22, 2007 2:21 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Dec 22, 2007
Page views	9,028
Favorites	40
Comments	12
Reviewer	S-Majere
Approved on	Dec 22, 2007

Flare

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates