Music Comes From The Heart (hat.piano)

Designer's Comments

Look carefully for specific instructions

first try at a little CSS.

go to edit profile on your myspace...

cut & paste the content into the selected fields
(as in About Me, I'd Like To Meet)

replace all XXXXXX's in links with your friend ID.
you can find these at the end of who id like to meet code.

dont change the code or anything.
EXCEPT OFCOURSE the headers and 'words. words. words.' stuff ;)
OR if you wanna change the colors for underlining and etc.
or the font if you dont like it go ahead.

don't use another banner & DON'T CLAIM THAT ONE AS YOUR OWN.
that picture was PERSONALLY TAKEN BY ME.

: )

no rollovers.
no time for that today.

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

div div, div td {background-color:transparent; background-image:;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:georgia; font-size: 10px; color: 000000; font-weight: normal; text-decoration: italic; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color: ; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:georgia; font-size: 10px; color: 3a89a6; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:; transparent; border: 0px solid ..FFFFFF;}

b, stong 
{font-family:arial; font-size: 11px; color: 777777; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>
<style> div td{ visibility: hidden; } div table { visibility: visible; } div table td { visibility: hidden; } div table table td { visibility: visible; } div table table { visibility: visible; } div table table div { visibility: visible; } table td div div { visibility: visible; } div table { visibility: visible; } { visibility: hidden; } 
</style>
<style style="text/css">

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: 33576a;
    background-image: url('');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

body {background-color:ffffff;background-image:url('http://cbimg6.com/layouts/08/09/31323ab.png'); color: ; font-family: tahoma; font-size: 10}

#content {position: absolute; overflow: hidden; top: 600px; left: 79px; width: 448px}

</style>

<div id="content">
<div align=justify>
<h1><b><big><big><big><big>about this layout</big></big></big></big></b></h1>
this layout was made in <b>paint shop pro 9</b> it took me forever to figure<br>
out the coding so please <i>don't remove</i> the credit. xx thank you.
<Br></br>
my first time trying a little CSS
<br><I>not as hard as i thought it would be</i>.
<br></br>
don't forget to change the headers!
<br>
maximum width is 448!
<br>this box will just keep getting longer with what you add into it no scroll bar will show up. ; )
<Br></br>
<Br></br>
<br></br>

<h1><b><big><big><big><big>whatever here</big></big></big></big></b></h1>
<b>bold</b> <u>underline</u> <i>italic</i> <a href=www.createblog.com>links</a>.
<br></br>
Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. <b>Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words.</b> Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words.
</div></div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user"> home</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"> comment</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"> add me</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455">message me</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"> block me</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> my pictures</a> <a href="http://emmijane.createblog.com/"> LAYOUT CREDIT</a>
</div></div></div></div>

Layout Comments

Showing latest 10 of 20 comments

nice layout. I don't like the cursor, though.

By zomgalice on Nov 10, 2008 5:26 pm

i know the problem

but to fix it it might be a little uncomfortable for ppl to use.

might get a little agitating

By emmijane on Sep 25, 2008 11:33 am

No, on Internet Explorer the page misalignment is troublesome, too.

Any ideas?

By JennyThePirate on Sep 24, 2008 9:24 pm

I've done DIV's numerous times and I'm fine with CSS. I'm having the same issue.

I'll go through it again and see if it's my fault.

It may be a Firefox error.

By JennyThePirate on Sep 24, 2008 9:22 pm

Beautiful - everything.

By JennyThePirate on Sep 24, 2008 9:06 pm