Genesis

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://cbimg6.com/layouts/07/07/05/19091aa.gif'); 
background-repeat: repeat; 
line-height: 17px; 
cursor: default;
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; 
overflow:auto; 
width: 670px; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 40px; 
margin-top:255px; 
text-align:left; 
visibility:visible; 
font-size: 8pt;}

.aboutme { 
background-color:transparent; 
width: 670px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 45px; 
margin-top:290px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; }

.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 {
margin:5px;
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 {
color:CACBC6;
display:inline;
font-style:normal;}

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: 18pt "century gothic";
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:494E52; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 767B7F; text-decoration: none;}

input, textarea {
cursor: default; 
color:CACBC6;
font-size:8pt;
font-family:Verdana;
background-color:7A8085;
border: 7A8085 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>Genesis by Fainaru</h1>
<b>July 4, 2007</b><br>
In my opinion, <b>Genesis</b> has gotten top honours in my books as a fantastic layout creation. It combines sleek shades of blue and grey mixed with what I love best - simplicity with pure shapes and gradients. Making this layout reminded me that the <i>absence</i> of using images never looked so good. As I grasp more of this myspace coding, I hope future layouts like this will get a footer. Following the terms of use is a must if you plan to use this layout.

<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 12 comments

Very professional, loving this :D

By Eww on Jan 11, 2009 6:19 pm

If you have a code for it, I'd greatly appreciate it :D

It's just myspace doesn't like the margining trick, and I don't want to just make it look centered in a specific resolution.

By fainaru on Jul 9, 2007 6:16 pm

shouldn't be too hard to code it as centered, hmm...

By zeroes on Jul 8, 2007 12:19 pm

Yep, I can't code it in center which is why I made it more to the left.

By fainaru on Jul 7, 2007 10:32 am

very pretty. is it not supposed to be centered?

By Amaranthus on Jul 7, 2007 12:18 am

awesome. I just wish that you could have your code work in Safari.

By tamerofhope on Jul 6, 2007 8:53 pm

is this more for a guy or girl either way its good props

By lilIverson09 on Jul 5, 2007 11:52 pm

I really like this! Wow, really clean cut.

By IBangBaby on Jul 5, 2007 11:07 pm

Extremely professional-lookin`. :]
The colors just look perfect. I know the nav isn't supposed to be like that .. with the special A characters and stuff, right Jusun? x]

By markmejia on Jul 5, 2007 11:03 pm