Every City Has a Heartbeat

My first div layout!

Replace "FRIEND ID" with your ID.

Yeah, and austinoutloud helped so much with this, and no, I so did not just add this in here because I forgot.. psh.. it was here the whole time..

• 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

<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"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <style type=text/css> body { background-color:0E4C81; background-image: url("http://cbimg6.com/layouts/08/01/17/24724ac.png"); background-position: bottom right; background-repeat:repeat; background-attachment: fixed; scrollbar-arrow-color:; scrollbar-track-color:; scrollbar-shadow-color:; scrollbar-face-color:; scrollbar-highlight-color:; scrollbar-darkshadow-color:; scrollbar-3dlight-color:;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; border-color: ######; background-color: ######; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 8pt arial; color:C3D7E8; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 8pt arial; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style} .orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;} {”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style} .lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:8pt; color:FBC91F; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:active{font-family:arial; font-size:8pt; color:FBC91F; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:visited{font-family:arial; font-size:8pt; color:FBC91F; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:hover{font-family:arial; font-size:8pt; color:F7A406; font-weight:none;border:0px; text-decoration:none; text-transform: none; letter-spacing: 0px;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:8pt; color:3278B5; font-weight:bold;border:0px; text-transform: none; } img {border:0px;} </style> <style>a.menu { color: ffffff; font-family:verdana; font-size:8px; text-transform: uppercase; text-decoration: ; display: block; line-height:25px; font-weight: bold; background-color:184D7A; text-align: center; margin-top: 1px; margin-bottom: 6.5px; margin-right:9px; margin-left:4px; border-left: 0px solid; border-bottom: 0px solid; border-color:;} a.menu:hover { color: ffffff; font-family:verdana; font-size:8px; text-transform: uppercase; text-decoration: ; display: block; line-height:25px; font-weight: bold; background-color:FAC11A; margin-right:9px; text-align: center; margin-top: 1px;margin-left:4px; margin-bottom: 6.5px; border-left: 0px solid; border-bottom: 0px solid; border-color:;}</style> <div class="bg" style="position: absolute;background-image:url('http://cbimg6.com/layouts/08/01/17/24724ac.png'); left:0px; top:0px; width:950px; height:663px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/08/01/17/24724aa.png"> </div> <div class="content" style="position: absolute; left:7px; top:360px; width:416px; height:253px; overflow: auto;"><img src="http://cbimg6.com/layouts/08/01/17/24724ab.png" align="left"></a>write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! write about yourself here! like, falalala! this is my myspace and i'm so cool! this is <b>all</b> about me! </div> <div class="content" style="position: absolute; left:448px; top:360px; width:160px; height:253px; overflow: hidden;"><a class="menu" href="http://www.myspace.com">home</a> <a class="menu" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=FRIEND ID">pictures</a> <a class="menu" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=FRIEND ID">comment</a> <a class="menu" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIEND ID">message</a> <a class="menu" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=FRIEND ID">friends</a> <a class="menu" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=FRIEND ID">add</a><a class="menu" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=FRIEND ID">block</a><a class="menu" href="http://www.christychaos.createblog.com">credit</a> </div>

HOW DO YOU PUT A PIC ON THERE WERE THE THING SAYS "PUT A SNAZZY PIC OF YOU HERE"?

how do I add my picture to the profile? ha. can someone let me know

for your first this is pretty fucking awesome.

for your first div, this is really great, and really nice.
i might use this

Is this really ur first?
Haha.
I'm attracted to it, it's different.
I'd like to see ur upcomin layouts.

Pretty neat, very nice navigation & I love the content space. Great first try, I can't see what's next from you =]

pretty amazing for your first! pretty amazing period! i love it

Great layout.
Love the color choice :)

how do i add my pic to it =P respond plz and ty

I like this. Very nice. :D

View all »

Designer	ChristyChaos
Submitted on	Jan 17, 2008
Page views	25,639
Favorites	204
Comments	21
Reviewer	libertie
Approved on	Jan 17, 2008

, every, city, has, heartbeat, christychaos, skyline, night, abstract, blue

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts