City Lights

Designer's Comments

Look carefully for specific instructions

REPLACE XXXXXXXX's WITH FRIEND ID

Image credit : http://pipper-svk.deviantart.com

I DO NOT do requests

Ask me about anything you are having trouble with

http://www.theandrewbrooks.blogspot.com

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{
background-color: 000;
background-image:url(http://cbimg6.com/layouts/09/07/35091ac.png);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-400px; 
top: 89px;  
z-index: 0;}

h2 {
font:15px arial;
color: ffffff; 
letter-spacing: +2px;
text-transform: uppercase;
display:block;
border-bottom: 0px solid white;
}

.text1 {
background: transparent;
width: 500px;
height: 468px;
position: absolute;
overflow: auto;
top: 809px;
left: 50%;
margin-left: -100px ; 
margin-bottom: +10px
}

.text2 {
background: transparent;
width: 245px;
height: 468px;
position: absolute;
overflow: auto;
top: 809px;
left: 50%;
margin-left: -380px;}

.navi1{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-379px;
top:89px;}

.add{
width: 76px; 
height:248px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091ad.png) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.navi2{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-255px;
top:89px;}

.msg{
width: 86px; 
height:260px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091ae.png) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.navi3{
background-color:transparent;
position:absolute;
left:50%;
margin-left: 32px;
top: 89px;}

.block{
width: 80px;
height: 272px;
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091af.png) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.navi4{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 268px;
top: 89px;}

.home{
width: 110px;
height:319px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091ag.png) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

.navi5{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left: 152px;
top:89px;}

.pics{
width: 86px;
height:259px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091ah.png) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.navi6{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-92px;
top:89px;}

.comment{
width: 74px; 
height: 215px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35091ai.png) top left no-repeat; 
display: block;}

.comment:hover{
background-position: bottom left;}

body,table, td, li, p, div
{
font:normal 11px verdana; 
color:C0C0C0; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 125px; 
height: 80px; 
color: ffffff; 
font:11px verdana; 
text-transform:none;
}

a:active, a:link, a:visited {
Color: 5dbbff;
font size: 11px;
font family: verdana;
}

a:hover {
Color: 00ff06;
Text-Decoration: None;
Cursor: Crosshair;
Font family: verdana; 
}

.standard b, p b, B, strong {
font-size:11px; 
color:ffffff; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

</div>

<div class="text1"><h2>About Me</h2>
<b>Bold</b> <i>Italic</i> <u>underline</u> <big>big</big> <small>small</small><br /><br />I would love you forever if you checked out my YouTube account :) <a href="http://www.youtube.com/user/peacein93">http://www.youtube.com/user/peacein93</a>. </br></br> Now on with the pointless rambling.....Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. Vivamus vel purus non lacus cursus euismod. Nullam ut purus in augue suscipit condimentum. Donec felis nisl, luctus eu sollicitudin ac, elementum at sem. Aenean aliquet pulvinar dolor, laoreet scelerisque lectus viverra at. Proin quis sodales est.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc molestie, ipsum eget hendrerit gravida, ipsum enim bibendum dui, id gravida quam dolor vel mi. Aliquam varius mattis sem, id pellentesque mauris sodales gravida. Donec cursus scelerisque mi sed accumsan. Integer volutpat mattis ligula in sollicitudin. Nunc tempus augue eget risus dapibus non egestas dui ultricies. Duis elementum rutrum lectus ac euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus fringilla tellus tempor adipiscing. Aliquam aliquet risus sit amet justo congue et venenatis neque malesuada. Donec facilisis, sapien vel adipiscing tincidunt, elit ante molestie elit, vitae vestibulum augue eros ut libero. Proin tincidunt viverra dolor eget vehicula. Cras hendrerit mauris in metus elementum vel imperdiet est lobortis. Duis neque diam, feugiat nec vehicula eu, pulvinar et urna. Morbi porttitor turpis tempus enim vehicula lacinia. Aenean blandit elit vitae lectus elementum id euismod tortor tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. Vivamus vel purus non lacus cursus euismod. Nullam ut purus in augue suscipit condimentum. Donec felis nisl, luctus eu sollicitudin ac, elementum at sem. Aenean aliquet pulvinar dolor, laoreet scelerisque lectus viverra at. Proin quis sodales est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. Vivamus vel purus non lacus cursus euismod. Nullam ut purus in augue suscipit condimentum. Donec felis nisl, luctus eu sollicitudin ac, elementum at sem. Aenean aliquet pulvinar dolor, laoreet scelerisque lectus viverra at. Proin quis sodales est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc molestie, ipsum eget hendrerit gravida, ipsum enim bibendum dui, id gravida quam dolor vel mi. Aliquam varius mattis sem, id pellentesque mauris sodales gravida. Donec cursus scelerisque mi sed accumsan. Integer volutpat mattis ligula in sollicitudin. Nunc tempus augue eget risus dapibus non egestas dui ultricies. Duis elementum rutrum lectus ac euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus fringilla tellus tempor adipiscing. Aliquam aliquet risus sit amet justo congue et venenatis neque malesuada. Donec facilisis, sapien vel adipiscing tincidunt, elit ante molestie elit, vitae vestibulum augue eros ut libero. Proin tincidunt viverra dolor eget vehicula. Cras hendrerit mauris in metus elementum vel imperdiet est lobortis. Duis neque diam, feugiat nec vehicula eu, pulvinar et urna. Morbi porttitor turpis tempus enim vehicula lacinia. Aenean blandit elit vitae lectus elementum id euismod tortor tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. Vivamus vel purus non lacus cursus euismod. Nullam ut purus in augue suscipit condimentum. Donec felis nisl, luctus eu sollicitudin ac, elementum at sem. Aenean aliquet pulvinar dolor, laoreet scelerisque lectus viverra at. Proin quis sodales est.<br /><br />

</div>

<div class="text2">
<h2>Details</h2>
<b>Smoke or drink:</b> No/No<br />
<b>Status:</b> blah blah blah blah<br />
<b>Children:</b> blah blah blah blah<br />
<br />
<h2>Interests</h2>
<b>Music:</b> blah blah blah blah<br />
<b>Activities:</b> blah blah blah blah<br />
<b>Movies:</b> blah blah blah blah<br />
<b>Children:</b> blah blah blah blah<br />
<b>Height:</b> blah blah blah blah<br /><br />
<h2>Extra Space</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. Vivamus vel purus non lacus cursus euismod. Nullam ut purus in augue suscipit condimentum. Donec felis nisl, luctus eu sollicitudin ac, elementum at sem. Aenean aliquet pulvinar dolor, laoreet scelerisque lectus viverra at. Proin quis sodales est.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum nibh sagittis mauris lobortis condimentum. Suspendisse in metus eget nisl faucibus imperdiet vel a orci. Duis sapien ante, aliquam ac malesuada nec, volutpat sit amet mauris. Nulla facilisi. Cras aliquam pharetra diam, non blandit odio elementum ac. Morbi blandit convallis nulla, elementum dapibus felis tempus ut. <br /><br />
</div>

Layout Comments

Showing latest 10 of 41 comments

@ people who are asking why the links are invalid ID,its because you need to put your ID number in.
go to your "pictures" and find ( friendID=XXXXXXXXX ) and type in the numbers. :D

By nevershoutkylerrr on Jul 3, 2010 4:17 pm