City Life

Designer's Comments

Look carefully for specific instructions

This is for my site on myspace. its my first div. layout. Hope you enjoy.
Please put your friend id where it says FRIEND ID in the who'd i like to meet section.
Click my name at the bottom to see my site.

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-color: FFFFFF;
background-image:url("");
background-position:bottom right;
 background-repeat:repeat;
 background-attachment:fixed;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;}
</style>

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

.section1{
position: absolute; 
left: 54%; 
margin-left:-55px; 
top: 340px; 
z-index:5; 
width:  230px; 
height: 200px; 
overflow: auto;}

.section2{
position: absolute; 
left: 96%; 
margin-left:-300px; 
top: 520px; 
z-index:5; 
width:  210px; 
height: 170px; 
overflow: auto;}

.buds{
position: absolute; 
left: 46%; 
margin-left:-90px; 
top: 730px; 
z-index:5; 
width:  260px; 
height: 140px; 
overflow: auto;}

.update{
position: absolute; 
left: 50%; 
margin-left:-93px; 
top: 930px; 
z-index:5; 
width:  550px; 
height: 140px; 
overflow: auto;}

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

textarea{
background-color: transparent; 
width: 150px; 
height: 50px; 
color: fff; 
font:7px small fonts; 
text-transform:uppercase; 
border: solid 1px 000000;}

a:active,a:visited,a:link,a{
	color:000000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:000000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;}

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

Layout Code

Copy and paste to I'd Like to Meet

Help

</map> </div>

<div class="section1"><center>
Put Whatever you want here
<b>Bold</b><br>
<s>Slash</s><br>
<i>Italic</i><br>
<u>Underlined</u>
<br>

</center> 
</div>

<div class="section2"><center>
Put Whatever you want here
<b>Bold</b><br>
<s>Slash</s><br><i>Italic</i><br>
<u>Underlined</u>
</center> 
</div>

<div class="buds"><center><marquee behavior="alternate">Friends here.Friends here.Friends here.</marquee>
</center> 
</div>

Layout Comments

Showing latest 10 of 17 comments

not centered in firefox. and the navigation isnt linked up.

By bangxdisco on Feb 11, 2008 9:02 pm

really cool! :DD

By BubbleDelights on Jan 27, 2008 8:39 am

You should edit the code so the nav works.

By NICKAWHAT on Dec 6, 2007 10:08 pm

cuteone= you need to put the a href code. i forgot to put it near the friend id. sorry.

By mizswtness on Aug 2, 2007 3:31 am

I need help i cant get my friends on the layout. I changed where it says "FRIENDS HERE, FRIENDS HERE" with my friends myspace.com & friend id n nothing.. it literally says the adress.. no pics no links to their page.. HELLLP

By cuteone on Aug 1, 2007 1:43 pm