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 11 comments

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

http://freeandfullversiongames .blogspot.com/ is the place you can download free pc or mobile games..
and its a new site!
feel free to request any games :)
more and more games coming soon.!!

By freeandfullversiongames on Jan 14, 2009 1:42 am

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

http://freeandfullversiongames .blogspot.com/ is the place you can download free pc or mobile games..
and its a new site!
feel free to request any games :)
more and more games coming soon.!!

By freeandfullversiongames on Jan 13, 2009 11:54 am

View all »