City Lights of Eternity

Designer's Comments

Look carefully for specific instructions

Do NOT use this layout if you aren't familiar with HTML and its aspects.

This is a completely different design for me. I did rollovers, I like those, I'm still undecided on whether or not I like the editing I did on the image. Anywho, enjoy!

-Replace the XXXXXXXXXX with your id number

-For more of my layouts click here

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 type="text/css">
body {
background-image: url(http://cbimg6.com/layouts/09/04/34416ab.png);
background-color:000017;
scrollbar-face-color: 000017;
scrollbar-highlight-color: 000017;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000017;
scrollbar-shadow-color: 000000;
scrollbar-arrow-color: 000017;
scrollbar-track-color: 000017;
background-attachment: fixed;
background-position: center;
background-repeat: repeat; }
}b {
color: d77d47;
font-weight:bold;
}I {
color: 976693;
letter-spacing: 1px;
}u {
color: 8f8d6d;
}s {
color: ffffff;}

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; gpprsnap; 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; gsnap; 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; snap;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;left:0px;width:45px;}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; gippersnap; 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 table div {display:none;} .clearfix table div div {display:block;} 
div div select, div div form {display:none !important;}

.home{
	height: 32px; 
	width: 73px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ac.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.home:hover{
	background-position: top right;}
.add{
	height: 32px;  
	width: 53px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ad.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.add:hover{
	background-position: top right;}
.message{
	height: 32px; 
	width: 56px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ae.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.message:hover{
	background-position: top right;}
.pictures{
	height: 32px; 
	width: 54px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416af.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.pictures:hover{
	background-position: top right;}
.block{
	height: 32px; 
	width: 66px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ag.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.block:hover{
	background-position: top right;}
.blog{
	height: 32px; 
	width: 55px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ah.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.blog:hover{
	background-position: top right;}
.comment{
	height: 32px; 
	width: 62px; 
	background-color: transparent;  
	background: url(http://cbimg6.com/layouts/09/04/34416ai.png);
	background-position: top left;
	background-repeat: no-repeat; 
	display: block;}
.comment:hover{
	background-position: top right;}
.homespace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 13px;
left: 50%;
}
.addspace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 86px;
left: 50%;
}
.messagespace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 139px;
left: 50%;
}
.picturesspace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 195px;
left: 50%;
}
.blockspace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 249px;
left: 50%;
}
.blogspace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 315px;
left: 50%;
}
.commentspace{
position: absolute;
z-index: 6;
overflow: hidden;
top: 650px;
margin-left: 370px;
left: 50%;
}
.aboutme1{
position: absolute;
width: 336px;
font-weight:100;
z-index: 3;
height: 267px;
line-height: 11px;
overflow: auto;
font-family: verdana;
font-size: 9px;
color: 45455a;
margin-left: 58px;
top: 376px;
left: 50%;
}
a:link, a:visited, a:active {
text-decoration: underline;
color: d0bebc;
font-weight:100;
font-size : 9px;
line-height: 11px;
font-family: verdana; }
}
a:hover {
text-decoration: none;
font-size : 9px;
font-weight:100;
line-height: 11px;
font-family: verdana;
color: b07268;}
</style>
<body>
<div class="image" style="position: absolute; top:150px; width: 1102px; left: 50%; height: 579px; margin-left: -551px; z-index: 0; overflow: hidden;">
<img name="City" src="http://cbimg6.com/layouts/09/04/34416aa.png" width="1102" height="579" position="absolute" border="0" usemap="#CityLights">
<map name="CityLights">
<area shape="rect" coords="158,162,192,192" href="http://hjp.createblog.com/">
</map>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme1"> 
This is where you talk about yourself, what you do, <b>etc etc etc etc</b> <i>etc etc etc etc</i> <u>etc etc etc etc</u> <s>etc etc etc etc</s> <a href="http://www.hjp.createblog.com">etc etc etc</a> etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc</div>