Program

Designer's Comments

Look carefully for specific instructions

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

This is the Design 3 of my Nyappy@Colourlovers series. That girl can seriously crank out some amazing palettes!

Baretta - layout archive

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://cbimg6.com/layouts/08/10/31785aa.gif') repeat-x; 
background-position:no-repeat;
background-position: 0 150px;
background-color:9BA860;
line-height: 17px; 
cursor: default;
color:444444;-top}

.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;}
b {color:D9CCA3; border-bottom:0px solid; border-bottom-color:none;}
em {color:3C2F05; font-style:normal; font-family:century gothic; font-size: 17pt; text-transform:lowercase; line-height:45pt;
border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:626D2B; padding:1px 10px; letter-spacing:3px; background-color:none; letter-spacing:2px;}

div div, div td {background-color:transparent; background-image:none!important;}
div.clearfix{z-index:1;}
.clearfix{top:1px; position:relative;}
.clearfix{margin-top:-1px !important; position:relative !important;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:300px;
top:0;
left:50%;
margin-left: 200px;
text-align: center; 
visibility:visible;
width:202px;
color:795541;
scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#90531D;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#CC9966;
scrollbar-highlight-color:#CC9966;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;}

.aboutme { 
background-color:transparent; 
width: 600px; 
position:absolute; 
z-index:2; 
margin-top:500px;
top:0;
left:50%;
margin-left:-430;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
padding:1;}

.about { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:330px;
top:0;
left:50%;
margin-left: -430px;
text-align:left; 
visibility:visible;
width:600px;
color:615E3F;
height:150px;
overflow:auto;
line-height:21px;}

table, td { color:5A1C4D; line-height:21px; font-family:tahoma; font-size: 8pt;  }

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:150px;
left:50%;
margin-left: -400;
text-align:left; 
visibility:visible;}

font, a, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:41491C; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 22px;}

h1 {
font-family:century gothic;
font-size: 17pt;
text-transform:lowercase;
letter-spacing:1px;
color:3C2F05; 
border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:818D4B;
margin-top:12px;
padding:2 2px;
letter-spacing:3px;
background-color:none;
line-height:23px;}

a.c:link,a.c:active,a.c:visited {
display: block;
padding: 0 2 0 25;
margin-bottom:5px;
text-align: left;
font-family: small fonts;
font-size: 7px;
text-transform:uppercase;
letter-spacing:4px;
color:A49569;

border-width:1px; border-style:solid; border-color:523E05;
background-color:392F0F;
font-weight:normal;
line-height:20px;}

a.c:hover  {
display: block;
padding: 0 2 0 35;
margin-bottom:5px;
text-align: left;
font-family: small fonts;
font-size: 7px;
text-transform:uppercase;
letter-spacing:4px;
border-width:1px; border-style:solid; border-color:383F14;
background-color:454D1C;
color:CEC099;
text-decoration:none;}

.title { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:185px;
top:0;
left:50%;
margin-left: -615px;
text-align: right; 
visibility:visible;
width:500px;
font-family:century gothic;
font-size: 10pt;
text-transform:uppercase;
color:C2B490;
line-height:30pt;
letter-spacing:3px;}

.img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
margin-top:15px; 
border-style:solid; 
border-color:6A295B; 
border-width:1px;}

.name { font-family: century gothic; font-size:15pt; font-weight:normal; text-transform:uppercase; margin-left:10px;}

.img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }

.NavigationBar, .navbar:active, a.navbar:visited, a.navbar:link { visibility:hidden; } 
a.navbar:hover { visibility:hidden; }

.r { Layout by Baretta - baretta.uni.cc ::: Please do not remove this credit. Thanks }

a:link, a:visited, a:active {color:8F1876; text-decoration: none; padding:3;  font-weight:bold;}
a:hover {cursor: hand; color: E5D7A8; text-decoration: none; background-color:646140; padding:3;}

input, textarea { 
color:3F4816;
font-size:8pt;
font-family:tahoma;
background-color:7D8947;
border-width:1px; 
border-style:solid; border-color:697531;
padding:3px;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

blockquote.extra { 
margin:0px; 
padding:5px; 
text-align:center;
background-color:8C9954;
border-width:1px; 
border-style:solid; border-color:454D1A;}

div.form, div div table div {display:none;} .clearfix table div div {display:block;}
.profile {visibility:hidden;}

.friendSpace { display:none; }
.friendsComments { display:none; }
</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>

<b>Your Name</b><br>
<b>Age:</b> Age Here<br>
<b>Gender:</b> Gender Here<br>
<b>Status:</b> Status Here<br>
<b>Zodiac:</b> Zodiac Here<br>
<b>Orientation:</b> Orientation Here<br>
<b>Here For:</b> Your Response Here

</td>

Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie.

</td>
</tr>

</table>

</div>

<em>Navigation</em>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04" class="c">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"" class="c">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="c">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="c">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="c">Message me</a>  
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="c">Block</a> 
<a href="http://barettaa.com/" class="c">Credit</a>

</div>

<div class="title">Your Title Here</div>

<h1>Program by Fainaru</h1>
<b>October 2, 2008</b><br>
<blockquote class="extra">Stifling my own tears... I laugh every day</blockquote><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. 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. 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 nibh ultricies laoreet. <br><br><br>

Sed dui. In hac habitasse platea dictumst. Quisque malesuada ornare eros. Cras justo ligula, gravida vitae, pretium at, malesuada sit amet, odio. Curabitur vel ante vitae quam dapibus molestie. Sed pharetra consequat mi. Donec enim massa, faucibus sit amet, dictum eu, rutrum ut, augue. Fusce nibh nisl, tempus sit amet, congue eu, pharetra eget, augue. Aenean blandit auctor lorem. Aliquam augue est, aliquam in, tincidunt et, malesuada eget, nibh. Curabitur suscipit, justo eget adipiscing adipiscing, metus ligula molestie diam, at dapibus metus metus et turpis. Nulla ac mi sit amet sapien pretium bibendum.<br><br><br>

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 a credit link somewhere.</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">Sample Comment Box</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 12 comments

I came to this site in search of a layout suitable for my 'band' page so that I can give possible band mates the right idea about my personality and such. I knew I wanted it to be simple and easily read but presentable and well organized. I was looking for something green because the 'band' name I chose is 'Jealous Tendencies' so the colour is more than suiting.

I searched a few pages and realized that all of the layouts I would actually look at were quite similar in design... then I figured out that they're all designed by the same person... you!

I gave up the browsing and came to your 'gallery' and I absolutely love all of your layouts!! I had such a hard time narrowing it down to which one I wanted to use!!

This is the one I finally decided on using! It's PERFECT! You've done a marvelous job!! I'm so happy that you made this!!!!!

Please keep up the great work!!!

-bows-

By Marlayna on Jan 21, 2009 1:36 pm

Your layouts usually have really random names, but are very well put together and professional looking! GREAT JOB!!

By dilligrout on Oct 5, 2008 5:26 am

I love how absolutely classy your work is. You definitely have a stand out style. I really appreciate the simple elegance in your work.

By superstitious on Oct 4, 2008 9:21 am

Oh wicked :D
As usual

By Decode on Oct 3, 2008 7:04 am

Oh my! My favourite colors. Beautiful! Sigh...

By Katinka on Oct 2, 2008 11:31 pm

Oh ya! Thanks a lot Abbey!
I forgot to submit the screenshot first, and forgot cB always does this glitch with the code afterwards. THANKS SO MUCH for the heads up + comments everything!!

By fainaru on Oct 2, 2008 10:49 pm

Nice woodsy colors. I like the slightly different info setup.

By tokyo-rose on Oct 2, 2008 10:44 pm

your layouts (as usual) just blow me away. They look so professional.

By Vaguememory on Oct 2, 2008 10:29 pm

Just notice, the comment box is messed up. >.< I am pretty sure that's the comment box.

By none345678 on Oct 2, 2008 10:05 pm

Beau-ti-ful like always. The green is magnificient.

By ReigninKING on Oct 2, 2008 8:07 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Oct 2, 2008
Page views	13,723
Favorites	86
Comments	12
Reviewer	schizo
Approved on	Oct 2, 2008

Program

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates