Embrace

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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

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/09/31238aa.gif') repeat-x; 
background-position:no-repeat;
background-position: 0 150px;
background-color:00ADAA;
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:005B5B; border-bottom:0px solid; border-bottom-color:none;}
em {color:02DDDF; font-style:normal; font-weight:bold; font-family:century gothic; font-size: 14pt; line-height:29pt;
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:85E0DF;}

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:330px;
top:0;
left:50%;
margin-left: -490px;
text-align: justify; 
visibility:visible;
width:150px;
color:036767;}

.aboutme { 
background-color:transparent; 
width: 600px; 
position:absolute; 
z-index:2; 
margin-top:330px;
top:0;
left:50%;
margin-left:-125;
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: -320px;
text-align:justify; 
visibility:visible;
width:160px;
color:C9F4F4;}

.top { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:235px;
top:0;
left:50%;
margin-left: -420px;
text-align: right; 
visibility:visible;
width:830px;
color:0BDADC;}

* html 
.top { margin-left: -410px;}

div.top a:link, div.top a:active {
margin-right:10px;
color:fff;
padding:7px;
font-style:normal;
background-color:73DFE1;
line-height:30px;}

.top a:visited {
padding:7px;
color:fff;
font-style:normal;
background-color:73DFE1;}

div.top a:hover {
color:B7F1F2;
background:#33322D;
border-bottom-width:8px; border-bottom-style:solid; border-bottom-color:33322D;}

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

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

h1 {
font-weight:bold; 
font-family:century gothic; 
font-size:14pt;
letter-spacing:1px;
color:B7F1F2; 
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:00BEBC;
margin-top:15px;
padding-bottom:5px;}

a.c:link,a.c:active,a.c:visited {
display: block;
padding: 3px 0 3px 30px;
margin-bottom:10px;
text-align:justify;
font-family: century gothic;
font-size: 11pt;
text-transform:lowercase;
letter-spacing:3px;
font-weight:bold;
color:7AE4E2;
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:00ADAA;}

a.c:hover {
display: block;
color:FFB1A0;
text-decoration:none;
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:02DDDF;}

.title { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:265px;
top:0;
left:50%;
margin-left: -80px;
text-align: left; 
visibility:visible;
width:680px;
font-family:century gothic; 
text-transform:lowercase;
font-size:25pt; 
color:33322D;
line-height:30pt;
letter-spacing:5px;}

.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:FFA894; text-decoration: none; font-weight:bold; padding:2;}
a:hover {cursor: default; color: 6BEEEF; text-decoration: none; border-bottom:1px solid; border-bottom-color:8A8B63; background-color:FF3C10;}

input, textarea { 
color:007982;
font-size:8pt;
font-family:tahoma;
background-color:33322D;
border-width:1px; border-style:solid; border-color:79F1F1;
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:00B8B6;
border-width:1px; 
border-style:solid; border-color:00D5D3;}

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>

<div class="about">
<em>Your Name</em><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<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>

</div>

<div class="top">
<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://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a>  
<a href="http://barettaa.com/">Credit</a>
</div>

<div class="nav">
<em>Navigation</em>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>
<a href="http://barettaa.com/" class="c">Link Here</a>

<br>

<em>Quotes</em><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.

<em>I'd like to Meet</em><br>
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.

</div>

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

<h1>Embrace by Fainaru</h1>
<b>September 6, 2008</b><br>
<blockquote class="extra">In the centre of the light, if we're able to embrace; our hearts leave our bodies, I want them to melt together, for eternity</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 11 comments

this is really good! like all the others.. :)

By Mikeplyts on Feb 21, 2009 1:11 pm

why has all my content gone into the side column instead of the main one?

http://profile.myspace .com/index.cfm?fuseaction=user .viewprofile&friendid=39659325 9&MyToken=8de8e28a-5f8a-43d8-a fa9-9981dab63e28

By vamprincess1986 on Sep 10, 2008 7:58 pm

as usual a great layout, one question though , I 've always wondered ne body know what language that is on the layouts? or is it even a language? and if so what does it say? LOL...Peace in the name of ~Jesus~

By Dee2oo5 on Sep 10, 2008 11:36 am

--very nice***

By DoorwayTo on Sep 9, 2008 12:07 pm

Another fainaru layout :)
x

By DoorwayTo on Sep 9, 2008 12:07 pm

i'm very jealous of your skills

By michellekdo on Sep 7, 2008 9:34 pm

lol at schizo. And fainaru, you need to bring the awesome down a tad bit D:

By none345678 on Sep 7, 2008 7:36 pm

I like it, in fact I totally love it. I've been looking for a layout that looked good and had two side columns. :] I may end up using this very soon. 5 out of 5 stars.

By Vaguememory on Sep 7, 2008 7:19 pm

I think i found you on livejournal XD
your Lorem ispum hinted it for me

By Tomates on Sep 7, 2008 7:06 pm

yayayayayayayay
Fainaru layout ^__^
I love your layouts.
All so proper and professional.
The colours are lovely

By Decode on Sep 7, 2008 7:03 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Sep 7, 2008
Page views	7,333
Favorites	62
Comments	11
Reviewer	schizo
Approved on	Sep 7, 2008

Embrace

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