Scarlet

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to 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: 791111; 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: 130; position:absolute; z-index:2; left:0; top:0; margin-left: 205px; margin-top:420px; text-align:left; visibility:visible; color:221212; font-size: 8pt; line-height: 14px;}
.aboutme { background-color:transparent; width: 380px; height: 100%; position:absolute; z-index:2; left:0; top:0; margin-left: 330px; margin-top:400px; text-align:left; visibility:visible; color:221212; font-size: 8pt; line-height: 14px;}
.div { background-color:791111; 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: 100px;
margin:2px;
text-align: left;
}

div.nav a:link,.nav a:visited, div.nav a:active
{
display: block;
padding: 5px;
width: 100px;
background-color:5A0808;
text-decoration: none;
color:110601;
}

div.nav a:hover
{
display: block;
padding: 5px;
width: 100px;
background-color:110601; 
color:791111;
text-decoration:none;

}
</style>

</style>

<STYLE TYPE="text/css">
BODY{cursor: default; color: 110601; background: 791111;}
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br{font-family:Verdana;font-size: 8pt; color:110601; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 14px;} 
h1

{
	font: 18pt "century gothic";
	color: #110601;
	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:#791111;
	border: #791111 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://fainaruu.awardspace.com/textures/">Fainaru</a>
</div>

<h1>Scarlet by Fainaru</h1>
<b>January 27, 2007</b><br>
It's been over a month since I've last submitted a design, partially due to completing (and in <a href="http://ratavancoi.awardspace.com/">some cases</a> lack of) side projects (<a href="http://ffaurae.awardspace.com/">like this for example</a>). That and I've completed a crap load of hunts since the break. Anyways, this features a rose and was posterized to give a cutout look - too lazy to vexel it. And the name was given to me by a good friend of mine while other ideas were floating around. Remember to follow the terms of use if you plan to use this.

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

lovely

By Poignet on Sep 22, 2008 6:15 pm

Oh wow, this was so cute. I love this - the colors and everything else. :) Beautiful.

By IzzyGrace on Jun 5, 2008 9:09 pm

I love this layout! =]

By joespace on Aug 29, 2007 9:01 pm

simply beautiful.

By ladyabigail on Aug 26, 2007 10:49 pm

this lyt is so major!!! im using it...thanks

By jesusisthebestthing on Jul 28, 2007 3:39 pm

this layout is kinda emo-like, but that's what i like about it. it's cute and emo at the same time, making it look... good? i can't find the right word to describe this layout, or all your other layouts either. they look like they are professionally made!!

By shortxstuffx913 on Jun 7, 2007 10:13 pm