Candy

Designer's Comments

Look carefully for specific instructions

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

A tribute to AngelaFaye@Colourlovers because she is a palette god!

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://cbimg9.com/layouts/08/11/32807aa.gif') repeat-x; 
background-position:no-repeat;
background-position: 0 150px;
background-color:7EBFB7;
line-height: 17px; 
cursor: crosshair;
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;}
b {color:D9455B; border-bottom:0px solid; border-bottom-color:none;}
em {color:703C52; font-style:normal; font-family:lucida sans unicode; font-size: 14pt; text-transform:lowercase; line-height:30pt;
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:220447; padding:1px 10px; letter-spacing:3px; background-

color:none; letter-spacing:2px;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:370px;
top:0;
left:230;
margin-left:0;
text-align: center; 
visibility:visible;
width:202px;
color:F5EBD0;}

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

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

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

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

h1 {
font-family:arial;
font-size: 18pt;
text-transform:lowercase;
color:F5EBD0; 
margin-top:0px;
padding:3 15 5 15;
letter-spacing:-2px;
background-color:none;
line-height:23px;
background-color:F7CB84;
font-weight:bold;}

h1.orange { background-color:F89075; }

.title { 
position:absolute; 
z-index:2; 
margin-top:0px;
top:240;
left:530;
margin-left:0;
text-align: left; 
visibility:visible;
width:600px;
font-family:arial;
font-size: 18pt;
text-transform:lowercase;
color:F5EBD0; 
letter-spacing:-2px;
line-height:23px;
font-weight:bold;}

.links a { color:477771; }

.nav a { color:477771; }

.links {
display: block;
text-decoration: none;
letter-spacing:-1px;
border-left:18px solid;
border-left-color:9CCABD;
display: block;
padding: 2px 24px;
margin:1px;
text-align: left;
color:477771;
font-size:13pt;
font-family:arial;
background-color:AFD5C6;
text-transform:lowercase;
font-weight:bold;}

.links:hover {
display: block;
background-color:BDE0D2; 
color:FFF;
text-decoration:none;
border-left:23px solid;
border-left-color:93C2B5;
border-bottom:none;}

.home {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807ab.gif) no-repeat;
width: 73px;
height: 31px;
display: block;
background-COLOR:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 437px;
}

.home:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ac.gif) no-repeat;
}

.add {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807ad.gif) no-repeat;
width: 91px;
height: 31px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 510px;

}

.add:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ae.gif) no-repeat;
}

.pictures {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807af.gif) no-repeat;
width: 87px;
height: 31px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 601px;
}

.pictures:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ag.gif) no-repeat;
}

.blog {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807ah.gif) no-repeat;
width: 62px;
height: 31px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 688px;
}

.blog:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ai.gif) no-repeat;
}

.message {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807aj.gif) no-repeat;
width: 108px;
height: 31px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 750px;
}

.message:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ak.gif) no-repeat;
}

.block {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807al.gif) no-repeat;
width: 81px;
height: 31px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:272px;
left: 0;
margin-left: 858px;
}

.block:hover {
background: url(http://cbimg9.com/layouts/08/11/32807am.gif) no-repeat;
}

.credit {
text-decoration: none;
background: url(http://cbimg9.com/layouts/08/11/32807an.gif) no-repeat;
width: 68px;
height: 66px;
display: block;
position:absolute; 
z-index:2; 
top:0; 
margin-top:206px;
left: 0;
margin-left: 442px;
}

.credit:hover {
background: url(http://cbimg9.com/layouts/08/11/32807ao.gif) no-repeat;
}

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

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

.aboutme a:link, .aboutme a:visited, .aboutme a:active {color:F5EBD0; text-decoration: none; padding:3;  font-weight:bold;}
.aboutme a:hover {cursor: hand; color:D9455B; text-decoration: none; background-color:70B1A9; padding:3;}

input, textarea { 
color:42756F;
font-size:8pt;
font-family:tahoma;
background-color:9EC9BF;
border-width:1px; 
border-style:solid; border-color:9EC9BF;
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:F5EBD0;
border-width:1px; 
border-style:solid; border-color:7FBEB5;}

blockquote.content { 
margin:0px; 
background-color:7EB9B1;}

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

.friendSpace { display:none; }
.friendsComments { display:none; }

ul { margin-left:50px; }
</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="title">Your Title Here</div>

<h1 class="orange">Friends</h1>
<a href="http://barettaa.com/" class="links">Link Here</a>
<a href="http://barettaa.com/" class="links">Link Here</a>
<a href="http://barettaa.com/" class="links">Link Here</a>
<a href="http://barettaa.com/" class="links">Link Here</a>
<a href="http://barettaa.com/" class="links">Link Here</a>
<a href="http://colourlovers.com/palette/617340/%E2%99%A5_candy?c=1" class="links"title="Palette By AngelaFaye">♥ Candy</a>

<br>
<blockquote class="content">
<h1 class="orange">Your Name</h1>
<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<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>
</blockquote>

</div>

<h1>Candy by Fainaru</h1>
<b>November 29, 2008</b><br>
<blockquote class="extra">What shakes the fruit is undoubtedly your silhouette</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 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="YOUR FRIEND ID" 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 36 comments

‎4148702107

By jasminejeanette on Aug 14, 2010 1:17 am

oo! I love this soo much! How do i make the layout go to the way left?

By michun on Apr 4, 2009 2:25 am

those colors are beautiful!

By Radio-Face on Jan 31, 2009 3:25 pm

Just copy and paste the code in the right section it specifies and find something that says

div class="aboutme"
[h1]Candy by Fainaru[/h1]

where it says [h1] is where your content should go. You can delete all the stuff I wrote up until you see this code:

[/div] since that holds all of the content in.
Keep in mind my square brackets [ ] actually mean the arrows you get holding comma and period.

By fainaru on Jan 16, 2009 4:14 pm

This is really amazing and i would really like to use it on my myspace but it won't work... it just shows background color. I have no idea how to make it work. please help me!

By KassieCapo on Jan 16, 2009 2:34 am

amazing. i love angelafey and colourlovers

By Mdennis on Jan 9, 2009 6:51 pm

i love this layout but the links make a new window
is there a way for me to fix it?
*example: click home and makes a new window going to home, the myspace is still open in the background

By alltimelove on Dec 13, 2008 12:03 pm

ahah, i love how you did the credit link XD

By Decode on Dec 11, 2008 6:09 pm

so creative. love it!

By pandabby on Dec 8, 2008 9:58 pm

Aw, sorry to hear that!
The reason why I didn't center this was b/c I didn't want to go through the headache of positioning the rollovers to be centered too, and it takes a lot of effort and time. So I might has well just do regular positioning.

By fainaru on Dec 7, 2008 9:17 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Nov 29, 2008
Page views	19,407
Favorites	199
Comments	36
Reviewer	jaeminnie
Approved on	Nov 29, 2008

Candy

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