Simplicity

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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

STACKED RUBBISH!

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/07/07/06/19115aa.gif'); 
background-repeat: repeat; 
line-height: 17px; 
cursor: none;
color:444444;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent;  
width: 200px; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 480px; 
margin-top:180px; 
text-align:left; 
visibility:visible; 
font-size: 8pt;}

.aboutme { 
background-color:transparent; 
width: 300px; 
height:320px;
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 150px; 
margin-top:180px; 
text-align:left; 
visibility:visible; 
font-size: 8pt;
overflow:auto;}

.div { 
background-color:444444; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left:0px; 
margin-top:0px; 
text-align:left; 
visibility:visible;}

div.nav a {
text-align: left;
font-family: 'trebuchet ms';
letter-spacing:3px;
text-transform:lowercase;
font-size:12px;
display:inline;}

div.nav a:link,.nav a:visited, div.nav a:active {
padding-top:10px;
color:191919;
display:block;
font-style:normal;
width:100px;}

div.nav a:hover {
color:42454A;
text-decoration:none;
position:relative;
top:1pt;
left:1pt;}

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

h1 {
font: 20pt "garamond";
text-align: left;
letter-spacing: 5px;
text-transform: lowercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

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

a:link, a:visited, a:active {color:59616C; text-decoration: none; font-weight:bold;}
a:hover {cursor: ne-resize; color: 57717E; text-decoration: none;}

input, textarea {
cursor: default; 
color:CACBC6;
font-size:8pt;
font-family:Verdana;
background-color:647A87;
border: 647A87 1px solid;}

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

<h1>Simplicity by Fainaru</h1>
<b>July 5, 2007</b><br>
This layout almost turned out to be tan and black. This layout almost turned out to be boring. Thanks to some texture and muggy colour contrast, it didn't. The content area is extremely small, so if you use this layout, please, don't overkill with images that end up breaking it. Remember to follow the terms.

<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">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 11 comments

I love the colors you chose. The layout is very nice as well. Excellent job! :D

By Mikeplyts on Feb 8, 2009 3:41 pm

The only thing I don't like are the scroll bars, but everything else looks amazing. You did a great job on this, just like you always do.

By Naekipz on Oct 2, 2008 12:01 am

i think its great :D

By akforever on Jul 19, 2007 8:55 pm

I use firefox, so I can't really see it either way, but I know what you mean. Mos t of the people that use this are probably using IE anyway. Meh. You could gladly PM me to do so, but I'd like to keep them default. Looks so much better with it anyway D:

By fainaru on Jul 17, 2007 9:25 am

I like it, but I think you could have made the scrollbars a different color, but I still love it its really simple and cute.

By Hazzie on Jul 15, 2007 3:56 pm

You definitely have an eye for colour schemes; I think I said before no other designer experiments with odd shades the way you have, and I'm sure the colours thank you for it!

I like your use of those circles, be they brushes or default tools from your graphic program. Have seen a lot of those floating around the internet recently but I don't think anyone uses them as well as you. Good job.

By flaymzofice on Jul 10, 2007 11:08 am

I really do like this. It's pretty professional looking, and very oretty at that. Nice JOb:)

By Amaranthus on Jul 7, 2007 12:31 am

I like it! The colors are really nice.

By IBangBaby on Jul 6, 2007 10:47 pm

awesome love it!

By TaintedSakura on Jul 6, 2007 7:53 pm

Another amazing one by you! I love it!

By SuperLikeAHero on Jul 6, 2007 5:53 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Jul 5, 2007
Page views	31,093
Favorites	147
Comments	11
Reviewer	mzkandi
Approved on	Jul 6, 2007

Simplicity

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates