Darkness Lights

Designer's Comments

Look carefully for specific instructions

This layout features a dark forest that seems to have been been washed with brighter colors, suggesting that despite the darkness in life, there is also light. It is sort of named/titled after the DBSK song Darkness Eyes. For best viewing, use Mozilla Firefox and a screen resolution of 1280 x 800.

If you are using, it would be nice to tell me. And do not take off credits...thanks :)

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><style>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }

a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

.mslogo, .clearfix select, .clearfix form, .clearfix ul {display:none!important;}
div.profilewidth div {filter:alpha(opacity=0)!important;opacity:0;}
.profilewidth .clearfix, .profilewidth div div {filter:none!important;opacity:1;}
.profilewidth {margin-top:-30px!important;margin-bottom:-30px!important;}
.profilewidth .clearfix {position:relative;top:30px;background:none!important;}
div[id="shortcuts"] {opacity:0!important;}
tr td .clearfix div {filter:alpha(opacity=0)!important;}

body {
background-image:url('');
background-repeat:repeat-y;
background-attachment:fixed;
background-position:top left;
background-color:000000;
cursor: default;
font-weight:normal;
scrollbar-face-color:######;;
scrollbar-track-color: ######;
scrollbar-arrow-color:######;;
scrollbar-highlight-color:######;; 
scrollbar-3dlight-color:######;;
scrollbar-shadow-color:######;;
scrollbar-darkshadow-color:######;;
}

a:link, a:visited, a:active {
font-family: georgia;
font-size:11px;
font-weight:normal;
color:a8c8c2;
text-decoration:none;
margin: 3px;}
a:hover {
font-family: georgia;
font-size:11px;
font-weight:normal;
color:ffffff;
text-decoration:none;
margin: 3px;}

.image {
position:absolute;
z-index:1;
left: 0px;
overflow:auto;
top:100px;
}

.column-right {
position:absolute;
overflow: auto;
z-index: 2;
left: 340px;
top:620px;
font-family:georgia;
font-size:11px;
color: ffffff;
font-weight:normal;
width:520px; 
height:295px;
}

.column-left {
position:absolute;
overflow: auto;
z-index: 2;
left: 50px;
top:620px;
font-family:georgia;
font-size:11px;
color: ffffff;
font-weight:normal;
width:280px;
height:295px;
}

.credits {
position:absolute;
overflow: auto;
z-index: 2;
left: 50px;
top:925px;
font-family:georgia;
font-size:11px;
color: ffffff;
font-weight:normal;
width:810px;
height:15px;
}

.home {
position:absolute;
z-index: 2;
left: 50px;
top:570px;}
a.img_roll1:link, .img_roll1{
	width:75px;
	height:40px;
	display:block;
	background-image:url(http://i39.tinypic.com/35ko5dc.jpg);}
a.img_roll1:hover{
	width:75px;
	height:40px;
	display:block;
	background-image:url(http://i43.tinypic.com/swx1jp.jpg);}
.add {
position:absolute;
z-index: 2;
left: 290px;
top:570px;}
a.img_roll2:link, .img_roll2{
	width:115px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i42.tinypic.com/15eng9.jpg);}
a.img_roll2:hover{
	width:115px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i39.tinypic.com/1zd7leo.jpg);}
.message {
position:absolute;
z-index: 2;
left: 125px;
top:570px;}
a.img_roll3:link, .img_roll3{
	width:165px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i42.tinypic.com/nbytqg.jpg);}
a.img_roll3:hover{
	width:165px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i43.tinypic.com/33bkg7k.jpg);}
.pics {
position:absolute;
z-index: 2;
left: 405px;
top:570px;}
a.img_roll4:link, .img_roll4{
	width:190px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i39.tinypic.com/2j34hp2.jpg);}
a.img_roll4:hover{
	width:190px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i42.tinypic.com/33cvqtf.jpg);}
.comment {
position:absolute;
z-index: 2;
left: 595px;
top:570px;}
a.img_roll5:link, .img_roll5{
	width:90px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i43.tinypic.com/14ade6v.jpg);}
a.img_roll5:hover{
	width:90px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i43.tinypic.com/1z3t45f.jpg);}
.blog {
position:absolute;
z-index: 2;
left: 685px;
top:570px;}
a.img_roll6:link, .img_roll6{
	width:105px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i44.tinypic.com/2ytteuc.jpg);}
a.img_roll6:hover{
	width:105px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i44.tinypic.com/k01y7m.jpg);}
.block {
position:absolute;
z-index: 2;
left: 790px;
top:570px;}
a.img_roll7:link, .img_roll7{
	width:70px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i40.tinypic.com/jhao9w.jpg);}
a.img_roll7:hover{
	width:70px;
	height:40px;
	display:block;
	align: left;
	background-image:url(http://i43.tinypic.com/217mfc.jpg);}

b {color: a8c8c2; letter-spacing: 1px; font-weight: bold;}
i {color: a8c8c2;}
u {color: a8c8c2;}
s {color: a8c8c2;}
h1{color: a8c8c2; font-family: georgia; font-size: 25px; display: block; font-weight:normal; text-align: center; letter-spacing: 2px; margin: 0px;}
</style>

<div class="column-left">
<center><b>bold</b> <i>italics</i> <u>underline</u> <s>strike</s> <a href="http://LINK">link</a></center><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit.
</div>

<div class="column-right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. 
</div>

<div class="credits"><center>
Resource Credits: <a href="http://obsidiandawn.com/">Brushes</a> | <a href="http://prigix.deviantart.com/">Texture</a> | <a href="http://photobucket.com/">Images</a> - 
© 2003-2009. Myspace.com. All Rights Reserved.</center>
</div>

Layout Comments

Showing latest 10 of 30 comments

Picture background is gone!!!.

By XxCynderTM on Jul 7, 2011 10:05 am

some slut messaged me... help meh!
geh!-Swash runs off with the winds-

By OraclesNayru on Jun 1, 2010 1:47 pm

hey BabyxX@hotmail.com i would love to have the image again.

By OraclesNayru on May 31, 2010 7:31 pm

bahh...

By reveriely on Apr 25, 2010 5:08 am

I used to have this background and I'd love to put it up again, but I had to take it down because the photos stopped working. =] Whenever you fix it, please contact me at XxBlue-Jean-BabyxX@hotmail.com to let me know.

By StainedGlassHeart on Dec 15, 2009 2:11 am

the pictures are all gone..D8 i really do like this DIV layout alot..T~~~T

By saku99 on Sep 20, 2009 3:56 am

What happened to the background? It's not working.

By cardcaptorkagome on Sep 19, 2009 9:32 am

very good

By jejalove123 on Jul 4, 2009 1:50 pm

i love this layout. the design is amazing. but i dislike how i cant have any music

By kzeebaker on Jun 15, 2009 6:05 pm

It's too bad this doesn't work for myspace 2.0

By jacxjac04 on Jun 6, 2009 8:24 pm

View all »

Layout Details

Designer	fleeting-image
Submitted on	Apr 20, 2009
Page views	39,366
Favorites	295
Comments	30
Reviewer	schizo
Approved on	Apr 20, 2009

Darkness Lights

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates