Survival

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('http://cbimg6.com/layouts/07/11/10/22983aa.gif'); 
background-position:repeat;
background-color:808080;
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:110px;
left: 50%;
margin-left: -150px;
text-align:left; 
visibility:visible;
width:500px;}

.aboutme { 
background-color:transparent; 
width: 580px; 
position:absolute; 
z-index:2; 
top:0;
margin-top:150px;
left: 50%;
margin-left: -290px;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
height: 170px;}

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

div.nav a {
text-align: center;
font: 8pt "lucida sans unicode";
letter-spacing:1px;
text-transform:lowercase;
display:inline;
padding:2px;
margin-right: 10px;
line-height:22px;
font-weight:bold;}

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

div.nav a:hover {
color:002930;
border-color:CFCFCF;
cursor:default;}

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

h1 {
font: 10pt "lucida sans unicode";
text-align: left;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:454545; 
border-bottom:2px solid;
border-bottom-color:CFCFCF;
font-weight:bold;}

div.title { 
font: 15pt "times new roman";
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:80px;
left: 50%;
margin-left: -120px;
color:fff;}

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

.comment textarea {
margin-top:10px;
cursor:text;
font-family:georgia;
letter-spacing:-2px;
font-size:15pt;
font-weight:bold;}

* html .comment textarea {margin:0;}

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

a:link, a:visited, a:active {color:760807; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: 888888; text-decoration: none;border-bottom:2px solid; border-bottom-color:760807;}

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

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

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

<h1>Survival by Fainaru</h1>
<b>November 10, 2007</b><br>
A more professional looking design for a myspace page. The wonderful shot of the tree, <a href="http://www.flickr.com/photos/darwishh/450195711/">was found here</a>. 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="50" rows="6">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 26 comments

I love it; it looks great! God, this came out a long time ago. Wow.

By Butterface89 on Aug 19, 2010 7:35 am

sweeeeeeeeeet

By NoWorriesDesigns on Dec 14, 2008 1:27 am

i like this =]

By icedog0 on Sep 1, 2008 2:14 am

doesnt work very well on mac..Safari...had to delete it sharpish before my friends seen it lol. Shame really coz i love the design :)

By truckertaff on Jul 3, 2008 7:46 am

I really like this one!
But i was like.. why a tree? XD

By PiNK-RAGe on Feb 9, 2008 5:09 pm

Thank you :)

By fainaru on Dec 22, 2007 1:19 pm

This is still my favorite, I'm going to use it, I've made my mind up. I'm also going to create a banner, for you, and I'll make it animated, and put it on my div overlay I'm currently working on now. I am still trying to code it. But I got the graphics all done. When its finished I'll give you a link so you can see it. I want to feature a linked image of you, on my MySpace, because you're one of the best artists I've seen, and I wanna support what you do. you're so cool!

By CreativeArticulate on Dec 17, 2007 5:49 am

the profile does NOT work correctly, i have tested this extensively in IE and Firefox and no matter how much it's refreshed the profile is still stuck at the top with the advertisements preventing proper navigation as otehrs have also found.

How can this be fixed?

By xearofury on Dec 16, 2007 8:06 am

how can i move the WHOLE layout down some? theres an advertisement in the way of the links at the top of the profile on Fire Fox

By WutupYo on Nov 11, 2007 12:02 pm

@ Mike: I test all my layouts under IE and Firefox, they should work fine. I am using IE6

By fainaru on Nov 10, 2007 11:35 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Nov 10, 2007
Page views	17,550
Favorites	98
Comments	26
Reviewer	digitalfragrance
Approved on	Nov 10, 2007

Survival

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