The City

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXX with your friend ID.

=P

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>
.c {display:block;width:65px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ab.png"); background-repeat:no-repeat; background-position:top left; }
.c:hover {display:block;width:65px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ac.png"); background-repeat:no-repeat; background-position:bottom left;}
.p {display:block;width:53px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ad.png"); background-repeat:no-repeat; background-position:top left; }
.p:hover {display:block;width:53px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ae.png"); background-repeat:no-repeat; background-position:bottom left;}
.add {display:block;width:39px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083af.png"); background-repeat:no-repeat; background-position:top left; }
.add:hover {display:block;width:39px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ag.png"); background-repeat:no-repeat; background-position:bottom left;}
.message {display:block;width:65px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ah.png"); background-repeat:no-repeat; background-position:top left; }
.message:hover {display:block;width:65px;height:13px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/03/34083ai.png"); background-repeat:no-repeat; background-position:bottom left;}
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .redtext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-10px; _top:-30px;}
JB{The Main: comment div;}
.comt {width:319px; height:385px; overflow:auto;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:620px; left:50%; margin-left:60px; overflow-x:hidden}
JB {Timestamp: width;}
.blacktext10 {width: 230px;color: white;}
JB{moves comment timestamp down}
.blacktext10 {position:relative; top:11px;}

JB{hides: online now images only in top 8}
.comt td td td td .ImgOnlineNow{display:none;}
span.msOnlineNow {display:none;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{display:none;}
JB{hides: name has XXX friends}
.comt .btext{display:none;}
JB{hides: View All of names Friends link}
.redlink{display:none;}
JB{hides: friends name links only in top 8}
.comt td td td td a{visibility:hidden!important; font-size:0px !important;}
JB{hides: the Add Comment link}
.comt td a{visibility:hidden;}
JB{resizes: images posted in comments}
.comt td td td img {width:200px; max-width:200px; _width:300px !important;}
JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:80px; max-width:260px; _width:90px !important;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:acbd0d;}
JB{comment section scrollbar color}
.comt {
scrollbar-face-color: 1d1d1d;
scrollbar-highlight-color: 1d1d1d;
scrollbar-3dlight-color: 1d1d1d;
scrollbar-shadow-color: 1d1d1d;
scrollbar-darkshadow-color: bd0d65;
scrollbar-arrow-color: bd0d65;
scrollbar-track-color: bd0d65;
}
JB{all text in comments}
.comt td td td, .comt td td td b {color:fff!important;
font-family:arial;
font-size:9pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}
JB{Add Comment link (all links)}
.comt td a {color:d6d6d6 !important;
font-family:arial!important;
font-size:7pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;}
.comt td a:hover {color:fff !important;
font-family:arial!important;
font-size:7pt!important;
letter-spacing: 0px;
text-decoration:none!important;}
JB{links in comments and friends name}
.comt td td td a {}
.comt td td td a:hover {}
blockquote{background-color: 2c2c2c;
padding: 10px;
width: 340px;
margin-left: 11px;
line-height: 10px;
_margin-left: 20px;
}

a {color:0d7fbd !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: bold!important;
}

a:hover {color:0d7fbd !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:bold!important;}

img {border:0px;}

h1 {color:acbd0d!important;
font-family:arial!important;
font-size:14pt;
letter-spacing:0px!important;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:7px;
margin-top:5px;}

h2 {color:0d7fbd!important;
font-family:arial!important;
font-size:14pt;
letter-spacing:0px!important;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:7px;margin-top:5px;}

h3 {color:bd0d65!important;
font-family:arial!important;
font-size:14pt;
letter-spacing:0px!important;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:7px;margin-top:5px;}

U {
border-bottom: 1px solid;
border-bottom-color: acbd0d; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:11px;
color:e7df00;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:10px;
color:bd0d65;
letter-spacing: 0px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:9a9a9a!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}
</style>
</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-370; top:1000px; width:autopx; height:25px; overflow: auto;">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" target="_blank">Home</a>
/<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" target="_blank">Block</a>
/<a href="http://iwontrapeyou.createblog.com/" target="_blank">Credit</a>
</div>
<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-200; top:580px; width:autopx; height:autopx; overflow: auto;">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854" class="c"></a>
</div>
<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-260; top:580px; width:autopx; height:autopx; overflow: auto;">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="p"></a>
</div>
<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-370; top:580px; width:autopx; height:autopx; overflow: auto;">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="add"></a>
</div>
<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-330; top:580px; width:autopx; height:autopx; overflow: auto;">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a>
</div><p><a href="http://IWontRapeYou.createblog.com/" 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>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Every day i'm a star in the city</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.
<h2>Walk the streets like a wanted man</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.  Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. </blockquote>
<br />
<h3>All the time got my shine lookin pretty</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus.

</div>
<div class="aboutme1" style="position: absolute; left:50%;margin-left:-370; top:1010px;width:50px; height:50px; overflow: auto;">.</div></td></tr></table></td></tr></table><div class="comt"><table class="off"><tr><td<table><tr><td>

Layout Comments

Showing latest 10 of 24 comments

lol I know where this is from because I thought about turning this one in myself. I really like what you did with it, though. It's looks really snazzy^_^

By Butterface89 on Oct 25, 2010 9:17 am

is there anyway that there could be something else besides comments because i dont want me people to see my comments.

By joanne4795 on Jul 12, 2009 8:19 pm

heyy i really like this layout :] one thing is that when you click on the message link it will log you out of myspace. i fixed it for my individual one but just a heads up. another thing i was wondering if it is possible to change the amount of comments shown ive tried to change it and failed but thankfully i didnt mess my profile up

By grace-marie on Jun 30, 2009 12:31 pm

no problemmm

By none345678 on Mar 29, 2009 1:56 pm

Thank you, I really appreciate it. :)
And I was using IE, yes.

By JennyThePirate on Mar 29, 2009 1:48 pm

If your using IE then it's fixed now.

By none345678 on Mar 28, 2009 2:29 pm

What browser are you using?

By none345678 on Mar 28, 2009 2:13 pm

Nah, it doesn't align properly when put on MySpace. :\ Help, please?

By JennyThePirate on Mar 28, 2009 2:03 pm

I like it a lot, but it's also misaligned on mine. I'll put it up to see if it's just a createblog error.

By JennyThePirate on Mar 28, 2009 1:49 pm

This is pretttty.
I like the the colors you used(:

By gelannix3 on Mar 21, 2009 6:42 pm

View all »

Layout Details

Designer	none345678
Submitted on	Mar 16, 2009
Page views	28,081
Favorites	239
Comments	24
Reviewer	schizo
Approved on	Mar 17, 2009

The City

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates