Blue City (Remade)

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all XXXXXX with your friend ID. Uhmmm....enjoy :]

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:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}
 
body {background-color:232323;
background-image: url();
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom left;
}

.title {
color: D8DBFE;
font: 16pt Tahoma;
font-weight: bold;
padding: 1px;
letter-spacing: 1px;
border-width: 1px;
background-color: 333333;
background-image: url(''); 
background-repeat:repeat; 
text-align:Center;
text-transform:normal;}

a.con:link, a.con:active, a.con:visited {
font-family: tahoma;
font-weight: bold;
font-size: 10px;
color: D8DBFE;
width: 150px;
line-height: 19px;
background-color: 232323;
margin: 2px 0px 2px 0px;
display: block;
text-align: center;
text-decoration: none;
letter-spacing: 2pt;}

a.con:hover {
color: D8DBFE;
font-weight: bold;
font-family: tahoma;
font-size: 10px;
letter-spacing: 2pt;
width: 150px;
line-height: 19px;
background-color: 676768;
display: block;
text-align: center;}

.banner {
position:absolute;
width:501px;
height:301px;
overflow:hidden;
left:220px;
top:180px;}

.nav {
color:FFFFFF;
font-family:Arial;
position:absolute;
width:150px;
height:240px;
overflow:hidden;
left:220px;
top:484px;
background-color:000000;}

.div {
color:FFFFFF;
font-family:Arial;
position:absolute;
width:150px;
height:210px;
overflow:auto;
left:220px;
top:726px;
background-color:000000;}

.aboutme {
position:absolute;
color:FFFFFF;
font-family:Arial;
width:349px;
height:250px;
overflow:auto;
left:372px;
top:686px;
background-color:000000;
text-align:center; }

.imgdiv {
position:absolute;
color:FFFFFF;
font-family:Arial;
width:349px;
height:200px;
overflow:hidden;
top:484px;
left:372px;
background-color:000000;
text-alignment:center;}

.invisible {
position:absolute;
width:100px;
height:100px;
top:938px;
left:372px;}

b{color:D8DBFE;}
i{color:C6B5E1;}
u{color:676768;}
big{font-size:16pt; color:DDDDDD;}
</style>

<div class="imgdiv">
<p class="title">About Me:</p><center>
<img src="http://cbimg6.com/graphics/07/06/25/32039c.gif" width="330px" height="132px"><br>
</div>

<div class="nav">
<p class="title">Navigation:</p>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="con">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXX" class="con">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXXX" class="con">Add Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXX" class="con">Pics</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXXX" class="con">Block Me</a>
<a href="http://blog.myspace.com/MYSPACE URL HERE" class="con">Blog</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXXX" class="con">Friends </a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXXXX" class="con">View Comments</a>
</div>

<div class="div">
<p class="title">TITLE NAME:</p>
you can put whatever here ;] Music player, comment box, pics, friend links blah blah...
</div>

<div class="aboutme">
<b>Bold</b> <i>italic</i> <u>underline</u> <big>Big</big> <s>strikethrough</s><br>
Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here  Write here Write here Write here Write here Write here Write here Write here Write here  Write here Write here Write here  Write here Write here  Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here  Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here  Write here Write here Write here Write here Write here Write here Write here Write here Write here Write here Write her Write here Write here Write here Write here Write here Write here Write here Write here Write her
</div>

</style>
 
<div class="comt"><table class="rid"><tr><td><table>

Layout Comments

Showing latest 10 of 13 comments

This one is awesome...To bad there is no code for the 2.0 profile...Everyone I find that I like there is no code for 2.0 profiles and that sucks!!!!!!!

By Karenxxx on Aug 5, 2010 9:28 pm

This is gorgeous! I love the city at night. This is really beautiful, nothing in the layout to clash with the city,no loud colors or whatever. You let the city 'talk', so to speak, in this simple, clean layout! I love it!

By Butterface89 on Jul 28, 2010 10:14 pm

I like thiiiisss :o

By JinxyPeach on Jun 18, 2009 2:53 am

ok sooo
ATTENTION EVERYONE
I found the problem with the layout.
when you insert your Friend ID
you need to go back though the code and check next to you ID cause there are extra X's after it so when you try to make it work then it will say invalid friend ID make sure there are no X's after your friend ID oor you cann't use the NAV bar.

otherwise I love the Layout one cause i love NY and it's a beautiful scene at night
but other wise yea it's nice simple and looks good

By Tsukuyomi-No-Mokoto on Jan 18, 2009 4:00 pm

um, the .gif below 'About Me', do you mind if I replaced it with another picture? Uh.. tell me if you're not okay with me doing that or something... okay... :)

By spearmint on Jan 18, 2009 1:15 am

Can you please tell me how to center it?? I used it, and it looks great, except it's aligned to the left.

By missworld522 on Jan 17, 2009 9:06 pm

It's not working :(

By zx12 on Jan 17, 2009 8:23 am

hey, how come the navigation doesn't work..
i really love the layout, but the navogation doesn't work..
can you fix it????

By hsjump on Jan 16, 2009 8:44 pm

UMM NOTHING SHOWS WHEN I TRY TO VIEW IT!

By classypinkbarbie on Jan 13, 2009 1:19 pm

From one layout designer to another, good job. You actually make the coding hell that is Myspace look respectable, sleek, and convenient. I'm impressed...

I'm going to assume its a firefox only layout because of the way you coded the body attributes at the top?

By Manilagiant on Jan 13, 2009 1:12 pm

View all »

Layout Details

Designer	CreatedbyJeannie
Submitted on	Jan 10, 2009
Page views	39,818
Favorites	275
Comments	13
Reviewer	karmakiller
Approved on	Jan 12, 2009

Blue City (Remade)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates