Spirit

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please keep the link in tact and enjoy the design.

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://layouts.cbimg8.com/32/15940c.jpg'); background-repeat: repeat; line-height: 10px;}
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: 200; position:absolute; z-index:2; left:0; top:0; margin-left: 550px; margin-top:520px; text-align:left; visibility:visible; color:221212; font-size: 8pt; line-height: 14px;}
.aboutme { background-color:transparent; width: 400px; height: 100%; position:absolute; z-index:2; left:0; top:0; margin-left: 120px; margin-top:560px; text-align:left; visibility:visible; color:221212; font-size: 8pt; line-height: 14px;}
.div { background-color:221212; 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 
{
display: block;
padding: 5px;
width: 150px;
border-color:221212; border-style:solid; border-width:3px;
text-align: left;
}

div.nav a:link,.nav a:visited, div.nav a:active
{
display: block;
padding: 5px;
width: 150px;
background-color:5F4244;
text-decoration: none;

}

div.nav a:hover,
{
display: block;
padding: 5px;
width: 150px;
background-color:#000000; 
color:B09288;
text-decoration:none;

}
</style>

</style>

<STYLE TYPE="text/css">
BODY{cursor: default; color: 221212; background: url('http://layouts.cbimg8.com/32/15940c.jpg') repeat-y;}
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br{font-family:Verdana;font-size: 8pt; color:221212; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 14px;} 
h1

{
	font: 18pt "century gothic";
	color: #221212;
	text-align: left;
        letter-spacing: 5px;
        text-transform: uppercase;
        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;} 
a:active, a:visited, a:link { font-family:verdana; color:64BFD0;  font-weight:bold;    } 
a:hover { font-family:verdana; color:ffffff;      } 
a {font-size: 11px; color: 64BFD0; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 9px;}

/* Layout by Fainaru - fainaruu.uni.c */
</style>

{
	font: 18pt "century gothic";
	color: #221212;
	text-align: left;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
}

blockquote

{
	background:#5F4244;
	border: #5F4244 1px 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://textuures.uni.cc/">Fainaru</a>
</div>

<h1>Spirit by Fainaru</h1>
<b>December 26, 2006</b><br>
Spirit features Aerith from FF7. I tried out a grungier look versus the calm and peaceful character of Aerith. If you should use this design, remember to keep 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 6 of 6 comments

Really nice, I love it!

By Steel_188 on Jan 13, 2007 10:54 pm

That's really nice!

By areyoualive? on Jan 1, 2007 2:48 pm

@ blaqheartedstar: Thanks. Do you think you could give me the code for future layouts? :3@ Everyone Else: Thanks!

By fainaru on Dec 31, 2006 8:31 pm

Nice and simple. I love the textures you used.

By showstopper! on Dec 31, 2006 3:41 am

the power by google image is showing... theres a code to remove itanyway i like this over ur other Myspace layoutsur website layouts are the best though

By Blaqheartedstar on Dec 29, 2006 9:08 pm

wow... thats all i can say awesome layout

By IVIike on Dec 29, 2006 9:49 am

Layout Details

Designer	fainaru
Submitted on	Dec 26, 2006
Page views	24,872
Favorites	40
Comments	6

Spirit

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates