Keeping Out Of Direct Sunlight [AFI]

Designer's Comments

Look carefully for specific instructions

Replace all X's with your friendID and all "URLs" with a valid URL.
Inspired by the song "Keeping out of Direct Sunlight [An Introduction]".
Best viewed in Firefox.
Please do not remove credit.
Please do not re-distribute.

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><div class="side_nav">
<img src="http://cbimg6.com/layouts/10/02/36165aa.png" />
<br /><br />
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="URL" class="navi">LINK HERE</a>
<a href="http://www.myspace.com/emma_revenge" class="navi">emma_revenge</a>
</div>

<div class="content">
<h1>title</h1>
<u>underline</u>
<b>bold</b>
<i>italic</i>.
<a href="">link</a>.
<a href="">link</a>.
We are the ones with the radiating eyes. We are the Ones who havea fire inside. We are the ones only we can recognize.
We've been rejected, we've been rejected.Suffered the ignorance, suffered the selfishness, been pushed so far down now comes our time to surface.
Turn from the light, that made them all go blind. We've been protected, we've been protected. All arise to what we bring,
Oustretched hands, unfolded wings. We've hurt ourselves, and I feel the sting of broken hearts and burning wings.
<br /><br />
<h2>title</h2>
We are the ones with the radiating eyes. We are the Ones who havea fire inside. We are the ones only we can recognize.
We've been rejected, we've been rejected.Suffered the ignorance, suffered the selfishness, been pushed so far down now comes our time to surface.
Turn from the light, that made them all go blind. We've been protected, we've been protected. All arise to what we bring,
Oustretched hands, unfolded wings. We've hurt ourselves, and I feel the sting of broken hearts and burning wings.
</div>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

table table div form {display:inline !important;}
.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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

body {
background-color:000000;
background-image:url(http://cbimg6.com/layouts/10/02/36165ad.png);
background-position:top center;
background-repeat:repeat;
background-attachment:fixed;

}

.banner{
width:900px;
height:677px;
left:50%;
margin-left:-350px;
top:0px;
margin-top:120px;
position:absolute;
z-index:2;
padding:0px;
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:no-repeat;
visibility:visible;}

.side_nav{
background-color:transparent;
width:200px;
height:1200px;
left:50%px;
margin-left:183px;
top:0px;
margin-top:655px;
margin-bottom:50px;
position:absolute;
z-index:3;
visibility:visible;
color:cccccc;
font-size:12px;
font-family:arial;
}

.content{
background-color:transparent;
width:450px;
height:1200px;
left:50%px;
margin-left:-293px;
top:0px;
margin-top:743px;
margin-bottom:50px;
position:absolute;
z-index:3;
padding:10px;
visibility:visible;
color:666666;
font-size:12px;
font-family:century gothic;
text-aligh:justify;

}

.nav{
width:250px;
height:35px;
left:50%px;
margin-left:-303px;
top:0px;
margin-top:645px;
position:absolute;
z-index:0;
padding:0px;
background-color:ffffff;
background-image:;
background-position:top left;
background-repeat:no-repeat;
visibility:visible;}

a{
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
border: 1px solid;
border-color:000000;
color:333333;

}

a:active{
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
border: 1px solid;
border-color:CC0000;
color:333333;
}

a:hover {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
border: 1px solid;
border-color:CC0000;
color:333333;
}

a:visited {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
color:333333;
}

a.navi:link, a.navi:active, a.navi:visited{
display:block;
font-family:century gothic;
font-size:14px;
color:CC0000;
text-align:left;
background-image:url(http://cbimg6.com/layouts/10/02/36165ae.png);
background-repeat:no-repeat;
background-position:top left;
font-weight:normal;
padding:2px;
line-height:15px;
margin-bottom:3px;
border:none;
}

a.navi:hover {
display:block;
font-family:century gothic;
font-size:14px;
color:000000; 
text-align:right;
background-color:CC0000;
background-image:url(http://cbimg6.com/layouts/10/02/36165af.png);
background-position:20%;
background-repeat:no-repeat;
font-weight:normal;
text-decoration:none;
padding:2px;
line-height:15px;
margin-bottom:3px;
border:none;

}

h1 {    background-color:transparent;
background-image:url(http://cbimg6.com/layouts/10/02/36165ag.png);
background-repeat:repeat-y;
background-position:top left;
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:5px;
      line-height:20px;  
       font-weight:bold; 
       color:CC0000;
   text-transform:uppercase;
margin-bottom:10px;
width:100%;
}

h1:hover {  background-color:transparent;
background-image:url(http://cbimg6.com/layouts/10/02/36165ag.png);
background-repeat:repeat-y;
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:5px;
      line-height:20px;  
       font-weight:bold; 
       color:666666;
   text-transform:uppercase;
margin-bottom:10px;
}

h2 {    background-color:transparent;
background-image:url(http://cbimg6.com/layouts/10/02/36165ah.png);
background-repeat:repeat-y;
background-position:top right;
text-align:right;
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:5px;
      line-height:20px;  
       font-weight:bold; 
       color:CC0000;
   text-transform:uppercase;
margin-bottom:10px;
width:100%;
}

h2:hover {  background-color:transparent;
background-image:url(http://cbimg6.com/layouts/10/02/36165ah.png);
background-repeat:repeat-y;
       font-family: georgia; 
       font-size:20px; 
       letter-spacing:5px;
      line-height:20px;  
       font-weight:bold; 
       color:666666;
   text-transform:uppercase;
margin-bottom:10px;
}

b, strong {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
color:CC0000;
}

b:hover, strong:hover b, strong {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
background-color:CC0000;
color:000000;
}

i {font:italic 12px arial;
color:666666; 
}

a img{
border:none}

td,form{
margin:0;padding:0}

table,tr,td{
background:transparent}

.nav_a{background-color:transparent; position:absolute; left:50%; margin-left:-293px; top:665px; z-index:3;}
.home{width:64px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ai.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.home:hover{width:64px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ai.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_b{background-color:transparent; position:absolute; left:50%; margin-left:-213px; top:665px; z-index:3;}
.photos{width:86px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165aj.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.photos:hover{width:86px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165aj.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_c{background-color:transparent; position:absolute; left:50%; margin-left:-111px; top:665px; z-index:3;}
.friends{width:90px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ak.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.friends:hover{width:90px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ak.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_d{background-color:transparent; position:absolute; left:50%; margin-left:-5px; top:665px; z-index:3;}
.block{width:70px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165al.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.block:hover{width:70px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165al.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_e{background-color:transparent; position:absolute; left:50%; margin-left:-279px; top:700px; z-index:3;}
.comment{width:131px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165am.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.comment:hover{width:131px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165am.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_f{background-color:transparent; position:absolute; left:50%; margin-left:-132px; top:700px; z-index:3;}
.add{width:43px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165an.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.add:hover{width:43px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165an.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

.nav_g{background-color:transparent; position:absolute; left:50%; margin-left:-70px; top:700px; z-index:3;}
.msg{width:106px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ao.png);
background-position: top left; background-repeat: no-repeat; display: block; border:none;}
.msg:hover{width:106px; height:25px; background-color:transparent;background-image:url(http://cbimg6.com/layouts/10/02/36165ao.png);
background-position: bottom left; background-repeat: no-repeat; display: block; border:none;}

</style>

Layout Comments

Showing latest 9 of 9 comments

yea!!!

By locuras on Nov 26, 2010 11:22 am

the image of the band is inspired by the latest poster from the despair faction. it's meant to look that way ^_^

By emmarevenge on Aug 4, 2010 9:54 pm

I agree with Firiath & Misery Layouts that the picture of the band itself isn't as sharp as it could possibly be but the detail in the layout is amazing for me. The tatters on the black paper ( that looks like a brick wall), the band's faces in the surrounding rays, the wallpaper matches very well. Everything looks great with the exception of the image quality of the band, but whatever...

By Butterface89 on Jul 29, 2010 9:38 am

Wow, Great Job dude!

By ac3 on Apr 19, 2010 8:51 am

WOW! This layout is freaking awesome! I LOVE IT!!!!!!!

By FIRSTSIGHT4 on Apr 17, 2010 3:07 am

I agree with MiseryLayouts
&& The image is kinda bad quality
But the color scheme really suits them :]

By Firiath on Feb 26, 2010 6:23 am

Wow..haven't seen an AFI lyt in a long time xD
I love the color combination!..GOOD JOB.

By Snaily on Feb 25, 2010 9:32 am

LOL.

By Mickey on Feb 25, 2010 5:38 am

Really nice. I love the background and the color. Really goes well with the theme. Just not feeling the banner and the navigation.

By MiseryLayouts on Feb 24, 2010 11:37 pm

Layout Details

Designer	emmarevenge
Submitted on	Feb 24, 2010
Page views	10,862
Favorites	15
Comments	9
Reviewer	Beenly
Approved on	Feb 24, 2010

Keeping Out Of Direct Sunlight [AFI]

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