Trendy

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:464646;
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:0; 
margin-top:230px;
left: 50%;
margin-left: -50px;
text-align:center; 
visibility:visible;
width:400px;}

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

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:100px;
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:inline;
padding:5px;
margin-right: 10px;
line-height:22px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:fff;
display:inline;
font-style:normal;
background:#FE8917;}

div.nav a:hover {
color:001D1F;
background:#D8D7B9;}

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

h1 {
font: 18pt "century gothic";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:9ED821; 
border-bottom:2px solid;
border-bottom-color:fff;}

div.title { 
font: 30pt "impact";
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
position:absolute; 
z-index:2; 
top:0; 
margin-top:170px;
left: 50%;
margin-left: -320px;
color:F9FFD9;}

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

a:link, a:visited, a:active {color:9ED821; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: FE8917; text-decoration: none;}

input, textarea {
cursor: ne-resize; 
color:000;
font-size:8pt;
font-family:Verdana;
background-color:#F9FFD3;
border-width:1px; border-style:solid; border-color:000;}

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

</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>
<br><br>
<a href="http://baretta.uni.cc/">Fainaru</a>
<a href="http://textuures.uni.cc/">Textuures</a>
</div>

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

<h1>Trendy by Fainaru</h1>
<b>September 22, 2007</b><br>
This design is a classic. Vectory-soft coloured goodness. The vector swirl is totally inspired by a friend of mine! It's prretty kick ass considering it's my first attempt at it. 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="50" rows="6">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 11 comments

Great layout but it's missing a "block" link. :O)

By Mikeplyts on Nov 17, 2008 9:54 pm

I like this layout- colors, layout, etc., but I don't like how it says 'Trendy' =/

By punkrockgrl92 on Jul 10, 2008 8:40 pm

ooooo vectors.
pretttyy layout.

By aaayotiffany on Mar 8, 2008 3:45 pm

well everything i want to say to say has been covered. i really love the way this all comes together. ha ha ha...how's that? it's awesome. =]

By emaline496 on Jan 31, 2008 1:40 am

are you able to customize the code to show comments? Awesome layout anyway. Really clean and nice.

By addmister on Nov 14, 2007 8:56 pm

it's a favorite.

By takearideonthepeacetrain on Oct 30, 2007 1:04 pm

Fainaru...
You have the best layouts ever...
Do you know why?
BECUASE THEY LOOK LIKE WEBSITE TEMPLATES!!!
I LOVE LAYOUTS THAT LOOK LIKE THAT. I HAVE ALMOST ALL YOUR LAYOUTS FAVORITED!
(Too bad nobody else makes MySpace layouts that look like Website Templates. ='(

By The-Difference on Sep 23, 2007 3:44 pm