City Beats

Designer's Comments

Look carefully for specific instructions

Inspiration from a Jeep Ad. lol

Navigation is customizable and layout will stretch.

Tested on Firefox and IE.

Graphic is also available click here

Replace the XXXXXX with your friendid.

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: ea7408;
 background-image:url(http://cbimg6.com/layouts/08/02/16/25520ab.png);
 background-position:top center;
 background-repeat:repeat-x;
}
b, strong, .btext {
  font-family: times new roman;
  font-size: 13px;
  letter-spacing:  1px;
  text-transform: none;
  color: aa2328;
  font-weight: none;
  }
i, em, .itext{
  font-family: georgia;
  font-size: 10px;
  color:fcc50b;
  text-transform: lowercase;
  background-color: none;
  font-weight: italicize;
  }
u, .utext { font family: arial; font-size: 9pt; color: 0170a4; background-color:none; font-weight: underline; border-bottom: dashed 1px;}

s {font family: century gothic; font-size: 9pt; color: d3400a; background-color:none;}

h1 {font-family: georgia; color: f7941d; text-align:center; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:14px; font-weight: normal; 
border-bottom: 2px solid; border-color:f8bb49;}

.about_me 
{position:absolute;top:625px;left:50%;margin-left:-394px; height:308px; width:560px; color:white;;}

.navigation
{position:absolute;top:625px;left:50%;margin-left:268px; height:282px; width:150px;}

table, td, tr, th,body, p, td, font,td, li, p li, p, br, table 
{font-family:arial; font-size: 9pt; color: black;}
table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{font-family: tahoma; font-size: 12px; color: 374E71; font-weight: normal;letter-spacing:;}
a:hover 
{font-family:tahoma; color:f5f5f5; font-weight: normal; background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

table, tr, td {
  border: none; background-color: transparent;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
table table table {border:none; background-color: transparent; padding:0;}
table table table table {border: none; border-color: none;}
table, tr, td {background:transparent;}
table table table table, table table table table td.text, table.contactTable{display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
.extendedNetwork,.blacktext12{display:none;}
.userprofileschool {display:none;}
.userprofiledetail { display:none;border:none} 
.profileInfo { display:none;border:none;}
.interestsAndDetails {display:none;border:none;}
.userprofileURL {display:none;border:none;}
.navbar { display:none; font-color:879E60;}
.searchbar {display:none;}
.google_ad {display:none;} 
div table td div input,
div table td div select,
div table td div img {display:none !important;}
table tr td div div {display:none;}
table div {display:none;}
table table div, div table div {display:block;}

a.nav:link, a.nav:visited, a.nav:active {
font-family:arial;
text-decoration:none;
display: block;
color:f7a530;
font-size:20px;
text-align:center;
background-color:transparent;
font-weight:normal;
line-height:47px;
width:150px;}

a.nav:hover {
font-family:arial;
text-decoration:none;
display: block;
color:white;
background-image:url(http://cbimg6.com/layouts/08/02/16/25520ac.gif);
background-position:center left;
font-size:20px;
text-align:center;
background-color:transparent;
font-weight:normal;
line-height:47px;
width:150px;}

a img {border: 0px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about_me">
<center><h1>About Me</h1>
<br><b>Bold</b><u>Underline</u><s>Strike Through</s><i>Italics</i><a href="">Link</a><br>
more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space 
</center>
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add me</a>
<a href="http://messaging.myspace.com/Modules/Messaging/Pages/SendMessage.aspx??fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message me</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">Comment me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" 
class="nav">Block me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav">Pictures</a>
</div>

Layout Comments

Showing latest 10 of 14 comments

Wow those rollovers are cool!

By emberfly on Mar 24, 2009 4:11 am

Very cool! I think you did a great job on this.

By ZeroGrafics on Feb 25, 2009 6:26 pm

the content area looks low quality but I love the image.

By dilligrout on Oct 14, 2008 4:51 pm

how do ya make ome of there lyt. i would love to know

By Danny55 on Mar 25, 2008 8:53 pm

Pretty neat, I love the colors.

By jesusisthebestthing on Feb 18, 2008 2:21 am

The banner and rollovers are cool! =D
Content area is alright for me. =P
Still good though.

By DelicateLove on Feb 18, 2008 1:11 am

i love it.

By alecreations on Feb 17, 2008 10:34 pm

looks awesome. i love the rollovers; they add a professional touch. if you dont mind me asking, where did you get those cloud brushes? i've been looking for something like that o_o''

By miyashu on Feb 17, 2008 9:35 pm

Love it. =) Does the section where you can write scroll? =/
Nice rollovers. =]

By PaintMyFace on Feb 17, 2008 12:28 pm

Orange colors dont match at all

By solider on Feb 17, 2008 4:02 am

View all »

Layout Details

Designer	crafty-designs
Submitted on	Feb 17, 2008
Page views	23,080
Favorites	121
Comments	14
Reviewer	MissHygienic
Approved on	Feb 17, 2008

City Beats

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates