Riddle

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link intact and enjoy the design.

Finally, some inspiration!

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><style type="text/css"> 
body {
background: url('http://cbimg6.com/layouts/09/04/34300aa.gif') repeat-x; 
background-position: 0 150;
background-color:E0EBC9;
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:3B0A2A; border-bottom:0px solid; border-bottom-color:none;}
u { color:91A175; text-decoration:none; border-bottom:1px solid; border-bottom-color:none; border-bottom-color:CAD6B1;}
i {color:5F2049; }
s {color:29407E; }

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:210px;
top:0;
left:50%;
margin-left: -360px;
text-align: center; 
visibility:visible;
width:190px;
color:5D0940;}

.nav b { color:B8C717;}

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

.about { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:730px;
top:0;
left:50%;
margin-left: -370px;
text-align: center; 
visibility:visible;
width:210px;
color:33877D;}

table, td { color:615E3F; 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: -401;
text-align:left; 
visibility:visible;}

* html .div { margin-left: -400;}

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

h1 {
color:5F2A4D; 
margin-bottom:10px;
padding:3 13 3 0;
letter-spacing:2px;
font-weight:bold; 
font-family:georgia;
font-size: 14pt;
line-height:23px;
border-bottom-style:solid; border-bottom-color:C8D7AE; border-width:1px;}

a.c:link,a.c:active,a.c:visited  {
display: block;
padding: 4 2 4 18;
margin-bottom:6px;
text-align: left;
font-family: verdana;
font-size: 11px;
color:4F5660; 
letter-spacing:0px;
border-bottom-style:solid; border-bottom-color:8E9D8B; border-width:1px;
font-weight:normal;
line-height:20px;}

a.c:hover {
display: block;
text-align: left;
color:760A50;
text-decoration:none;}

.title { 
background-color:transparent; 
position:absolute; 
z-index:2; 
margin-top:243px;
top:0;
left:50%;
margin-left: -50px;
text-align: right; 
visibility:visible;
width:400px;
color:45545B;
line-height:30pt;
letter-spacing:2px;
font-weight:bold; 
font-family:georgia;
font-size: 15pt;}

.img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
margin-top:15px; 
border-style:solid; 
border-color:AC3121; 
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 }

.aboutme a:link, .aboutme a:visited, .aboutme a:active {color:606D75; text-decoration: none; padding:3 3 2 3;  font-weight:bold;}
.aboutme a:hover {border-bottom-style:solid; border-bottom-color:A1B382; border-width:1px; cursor: hand;color:25789F;}
a:hover { cursor: hand; color:25789F; }

input, textarea { 
color:6A7852;
font-size:8pt;
font-family:tahoma;
background-color:C8D7AE;
border-width:1px; 
border-style:solid; border-color:B9C89E;
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:819198;
border-width:1px; 
border-style:solid; border-color:B0BEAD;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
color:fff;}

blockquote.content { 
margin:0px; 
padding:5;
background-color:transparent;
text-align:justify;}

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>

<a href="http://barettaa.com/" target="_blank"><img

src="http://cbimg6.com/layouts/09/04/34300ab.gif" style="position:absolute;

left:50px; top: 0px;" border="0"></a>

</div>

<h1 class="navi">Navigation</h1>
<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=YOUR FRIEND ID""

class="c">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR FRIEND ID"

class="c">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOUR FRIEND ID" class="c">My

Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR FRIEND ID" class="c">Message

me</a>  
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR FRIEND ID"

class="c">Block</a> 
<a href="http://barettaa.com/" class="c">Credit</a>
<a href="http://aethereality.net/" class="c">Aethereality</a>

<a href="http://barettaa.com/" class="c">Link Here</a>
The navigation will overflow without a scrollbar so include any extra links or blurbs with your discretion.<br><br>

<h1 class="navi">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.
</blockquote>

</blockquote>

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

<h1>Riddle by Fainaru</h1>

<b>April 5, 2009</b><br>
<blockquote class="extra">You're gradually growing so distant I can't reach</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="YOUR FRIEND ID" 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 16 comments

Your layout works on Chrome, too. Just saying. ;3 I really like the colors. Amazing work, as usual!

By SlightlyMacabre on Jul 30, 2009 7:06 pm

Another masterpiece.

By melancholiclights on Apr 11, 2009 4:07 pm

How preetee.

By Eww on Apr 9, 2009 8:18 pm

All your layouts look so professional. Very nice work!

By ZeroGrafics on Apr 9, 2009 6:24 pm

always doing an amazing job

By mikxoh on Apr 7, 2009 12:24 pm

The nav is love!

By none345678 on Apr 6, 2009 6:16 pm

Lovely. (:

By futura on Apr 6, 2009 3:54 am

Do I even need to say it? lol, great job. :)

By Mikeplyts on Apr 6, 2009 12:13 am

I love it as always.

By ForgiveTheSinner on Apr 5, 2009 11:21 pm

I like this layout, it's one my favs from you. but most of your layouts have the same style. And you've stopped designing for websites.. :/ all your layouts now are strictly for myspace. I'd love to see some of your layouts for both web templates, and for div templates. The layout is good, but when I look at it, I see purple and green. I've never been to particular with the color palette.

By Medi on Apr 5, 2009 8:24 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Apr 5, 2009
Page views	17,562
Favorites	96
Comments	16
Reviewer	hi-C
Approved on	Apr 5, 2009

Riddle

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