Malted

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(''); 
background-repeat: repeat; 
background-color:BDD1D5;
line-height: 17px; 
cursor: ne-resize;
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:50%; 
margin-top:-124px;
left: 50%;
margin-left: 189;
text-align:left; 
visibility:visible;
width:160px;}

.aboutme { 
background-color:transparent; 
width: 390px; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-138px;
left: 50%;
margin-left: -200;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
height:318px;}

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

div.nav a {
text-align: center;
font-family: verdana;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
display:block;
padding:0px;
margin-right: 8px;
line-height:22px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:4B4336;
display:block;
font-style:normal;
background-color:none;
margin-top:3px;}

div.nav a:hover {
color:000;
background:#F5F9DE;
border-right:5px solid;
border-right-color:E2C18C;}

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

h1 {
font: 8pt "verdana";
text-align: left;
letter-spacing: 3px;
text-transform: uppercase;
margin: 5 0 10px 0;
color:774F35; 
border-bottom:1px solid;
border-bottom-color:595B4D;
font-weight:bold;}

div.title { 
font: 20pt "century gothic";
text-align: left;
letter-spacing: 2px;
text-transform: lowercase;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-190px;
left: 50%;
margin-left: -300px;
color:774F35;}

.comment { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:60px;
left: 50%;
margin-left: 135px;
text-align:left; 
visibility:visible;
width:280px;
text-align:center;}

.comment textarea {
color:000;
background-color:transparent;
border:none;
cursor:text;}

.comment input {
color:000;
background-color:transparent;
border:none;}

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

a:link, a:visited, a:active {color:774F35; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color:E2C18C; text-decoration: none;}

input, textarea {
cursor: help; 
color:898989;
font-size:8pt;
font-family:Verdana;
background-color:CECECE;
border-width:1px; border-style:solid; border-color:B5B5B5;}

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

</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://barettaa.com/">Baretta</a>
<a href="http://textuures.uni.cc/">Textuures</a>
</div>

<div class="title">Your Title Here</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="17" rows="3">Comment</textarea><br /><input type="submit" value="COMMENT"></form>
</div>

<h1>Malted by Fainaru</h1>
<b>October 27, 2007</b><br>
The navigation is my favourite part of this layout. I really liked how this one turned out. 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="28" rows="5">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 26 comments

i likey :D
-but my music player isn't working-
suggestions?

By yesitsnoki on Nov 12, 2007 1:05 pm

Colors are good but you should use pmg's not jpg's. Png's make the picture not loose quality.

By NICKAWHAT on Nov 7, 2007 12:30 am

Oh wow, this is so simple and clean. I really like the colors.

By arcanum on Nov 3, 2007 1:15 am

This is my favorite of your new style :)

By FoxLucky on Nov 2, 2007 2:56 pm

It's beautiful, but the navigation looks a bit off.

By exthreex3 on Nov 1, 2007 7:31 pm

really like this, soo simple, but the colors are so beautiful

By Oamazing on Oct 31, 2007 10:20 am

love the colors

By elvylyts on Oct 30, 2007 8:47 pm

@ Reprise: Haha. Sorry about that! XD Looks like I also didn't mean to come off as offended by your comment! By all means, I don't mind constructive criticism. That comment was directed to everyone in general and the reason behind *why* they've all been the same recently. :)

By fainaru on Oct 29, 2007 9:25 pm