Love Song, lyrics by Sara Bareilles

**NEW UPDATE** this offically is fixed so that the myspace heading is not overlapping with the layout**
**UPDATE** officially works in both browsers
I love this layout, and I hope you do too!
It's based on a mixture of the normal heartbreak and Sara Bareilles' Love song. ENJOY--here are the directions:
1.*do this before you copy and paste* In the about me section, A little farther under the style and body tags should be the tag
Where it says link, there should be a myspace link. If it has the XXXXXXXXX, put your myspace id number (friend id).
do this for every SINGLE XXXXXx you see in this code box

2.THE I'd Like to meet section:
*Scroll through this section and find the
Put your friend id/ My space id number here
if you don't the comment box WILL NOT WORK.
*Where it says (should be somewhere at the top) "put the good stuff here" you should put anything you want except your stats
* where you see the Name:, etc. Fill your stats there
*At the bottom of the I'd like to meet code,
there should be something that says:
You need to host your own image at photo hosting website and put the webaddress for that image here.
DO NOT change the image size
AND THATS IT!!!

• 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> b{ font-size:14px; color:660000; text-transform: uppercase; } body {background-color: 000000; line-height: 14px; letter-spacing:3px; font-weight:bold; color:000000; } .aboutme { font-family:arial; font-size:9px; color:#000000; line-height: 14px; text-transform: lowercase; letter-spacing: 3px; font-style: normal; font-weight: bold; overflow:auto; border: thin solid #000000; } .image2{ overflow:hidden; position:absolute; top:454px; left:328px; height:134px; width:117px;} .aboutme2 { left: 183px; top: 300px; font-family:arial; font-size:9px; color:FFFFFF; line-height: 14px; text-transform: lowercase; letter-spacing: 3px; font-style: normal; font-weight: bold; overflow:auto; border: thin solid #000000; } .comment {position:absolute; width: 211px; padding: 1px; z-index: 7px; padding: 2px; height: 153px; overflow: hidden; left: 713px; top: 590px; } .commentlinks {display:none;} body div table td form img{display:none!important;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;} td.text td.text {height:0;} td.text td.text table b, td.text td.text table table td {text-transform: uppercase; letter-spacing:2px; line-height: 9px; font-family: small fonts; font-size: 7px; color: 8a8a8a;} table table,table table table table,table table{background-color:transparent;width:;border:0px;} div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;} a.navbar,font,.whitetext12,.btext,.orangetext15, .redtext,.blacktext10, .lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;} div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none} 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;} td.text table table {display:inline; visibility:visible;} embed{position:absolute;top:-500px;left:-500px;display:block;width:0px; height:0;} td td embed, td td object { position: absolute; top: -500px; left: -500px; } td td td embed, td td td object { position: static !important; } .friendsComments { display:none; } body div table td form option{display:none;} body div table td form select{display:none;} body div table td form input{display:none;} a:link{ font-family:Arial; letter-spacing:3px; font-size: 10px; font-style: normal; line-height: 10px; font-weight: bold; text-transform: lowercase; color:000000; } a:visited{ font-family:Arial; letter-spacing:3px; font-size: 10px; font-style: normal; line-height: 10px; font-weight: bold; text-transform: lowercase; color:000000; } </style> <body> <div class="image" style="position: absolute; overflow: hidden; left:100px; top:200px; width:800px; height:700px; z-index:-1px;"> <img src="http://cbimg6.com/layouts/08/01/27/24994aa.jpg" width="800" height="700" border="0" alt="" usemap="#sarhlove2_Map"> <map name="sarhlove2_Map"> <area shape="rect" alt="the fabulous one who made this" coords="679,638,797,698" href="http://forever-without-you.createblog.com"> <area shape="rect" alt="" coords="348,57,500,85" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"> <area shape="rect" alt="message" coords="234,57,352,84" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX"> <area shape="rect" alt="Blog" coords="171,51,231,87" href="http://blog.myspace.com/YOURUSERNAMEHERE"> <area shape="rect" alt="Photos" coords="33,57,161,82" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewalbums&friendid=XXXXXXXX"> <area shape="rect" alt="" coords="274,25,348,57" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX"> <area shape="rect" alt="" coords="215,26,274,58" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX"> <area shape="rect" alt="" coords="114,26,210,58" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"> <area shape="rect" alt="" coords="33,25,110,58" href="http://home.myspace.com/index.cfm?fuseaction=user"> </map></div>

<div class="aboutme" style="position:absolute; overflow:auto; width:243px; height:162px; z-index:1; left: 297px; top: 723px;"> <B>ABOUT ME</B> put the good stuff you want here.</div> <div class="aboutme2" overflow="auto" style="position:absolute; width:163px; height:133px; z-index:2; left: 137px; top: 464px;"> <center> </center> Name:<br> Age:<br> Country:<br> Hair:<br> Height:<br> Eye color:<br> </div> <div class="image2"><img src="PUT THE WEB ADDRESS TO A PICTURE OF YOU HERE" height="439" width="488"></div> <div class="comment"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="vfcbox" style="height:95px; width: 150px; font-family: small fonts; font-size: 7px; line-height: 9px; text-transform:uppercase; background-color:FFFFFF; letter-spacing:1px; color:=000000; border-style: solid; border-width: 0px"> hey hey!</textarea> <center><input name="submit" type="submit" class="vfclick" style="height: 10px; width:100px; background-color:FFFFFF; color:000000; font-family: small fonts; font-size:7px; text-transform: uppercase; border-color:FFFFFF; border-style: solid; border-width:0px" value="Submit"> </center> </form> </div> </body>

OK. LOOOK FOR THIS: img src="PUT THE WEB ADDRESS TO A PICTURE OF YOU HERE" height="439" width="488"
and put your own web address, the one of your image, it must be web-hosted there where it tells you too

i kno html an tried to fix yours but couldnt plase tell me how to fix the pic thing my pic does not show up at all!!

I'd get rid of the border around the About Me :)

I love this layout... Its on my myspace right now!!

Either I'm such a simpleton that I don't know how to navigate a simple picture, or I'm doing the entire process wrong, but I can't get my picture to fit quite right. Any suggestions?

I love you!!! HAHA.. I love your work... thnk you!!

i love this profile!!! it'zz the best.

Ick. You gave Love Song an emo look, which doesn't match the song at all.

LOVE IT !!

I love this song & the layout is very neat. However, I don't like the navigation at all.

View all »

Designer	forever-without-you
Submitted on	Jan 27, 2008
Page views	53,828
Favorites	383
Comments	21
Reviewer	karmakiller
Approved on	Jan 27, 2008

emotions, love, sarah bareilles, love song, heartbreak, boys, heartache, music

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

• Here I Stand Layouts