Help, newbie Options

[soul_diva08]

I saw the link to resize pictures but i dont know how to make it really work with my profile. Also I would like to add an mp3 player on the page any suggestions???

my page is www.myspace.com/soul_diva

this is what i have so far...

Layout made by <a href="http://www.createblog.com/layouts/index.php?author_id=423396" title="More layouts by this person">themarkster</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
</noembed></noembed>
</td></tr></table></td></tr></table></td></tr></table>

<style type="text/css">
body {
background-color: FCF1D1;
scrollbar-arrow-color: black;
scrollbar-face-color: FDF8E8;
scrollbar-track-color: FAE9B4;
scrollbar-3dlight-color: F7D879;
scrollbar-highlight-color: FDF8E8;
scrollbar-shadow-color: F7D879;
scrollbar-darkshadow-color: FAE9B4;
}
body, table {
font-family: Verdana;
font-size: 8pt;
color: black;
}
a, a:link, a:active, a:visited {
color: 336699;
text-decoration: underline;
font-weight: normal;
font-family: Verdana;
font-size: 8pt;
background-color: transparent;
}
a:hover {
color: 225588;
text-decoration: none;
background-color: FCF1D1;
}
a img, a:hover img, img {
border: 0px;
}
div.Main {
width: 800px;
height: 600px;
position: absolute;
top: 150px;
left: 50%;
margin-left: -400px;
background-color: white;
}
div.bannerspot {
width: 800px;
height: 150px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -400px;
background-color: white;
color: white;
font-size: 1px;
}
table.content {
width: 600px;
height: 422px;
background-color: white;
background-image: url('http://themarkster.host4cheap.org/themarkster/images/m_is_02_layout_bottom.jpg');
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
}
a.contactbtn, a.contactbtn:link, a.contactbtn:active, a.contactbtn:visited {
width: 170px !important;
height: 19px !important;
background-image: url('http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactbtn.gif');
background-color: transparent !important;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top left;
filter: alpha(opacity=0);
}
a.contactbtn:hover {
filter: none;
}
div.aboutme {
margin-left: 9px;
margin-top: 30px;
overflow: auto;
width: 340px;
height: 170px;
padding: 8px;
padding-top: 0px;
filter: chroma(color=00FF00);
scrollbar-arrow-color: black;
scrollbar-face-color: 00FF00;
scrollbar-track-color: 00FF00;
scrollbar-3dlight-color: 00FF00;
scrollbar-highlight-color: 00FF00;
scrollbar-shadow-color: 00FF00;
scrollbar-darkshadow-color: 00FF00;
}
div.friends {
margin-left: 9px;
margin-top: 40px;
overflow: auto;
width: 340px;
height: 90px;
padding: 8px;
padding-top: 0px;
filter: chroma(color=00FF00);
scrollbar-arrow-color: black;
scrollbar-face-color: 00FF00;
scrollbar-track-color: 00FF00;
scrollbar-3dlight-color: 00FF00;
scrollbar-highlight-color: 00FF00;
scrollbar-shadow-color: 00FF00;
scrollbar-darkshadow-color: 00FF00;
}
</style>

<div class="bannerspot"> </div>

<div class="Main">

<center>

<map name="watermarkmap">
<area shape="rect" coords="419,9,594,47" href="http://www.innosenses.net" target="_blank">
</map>

<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_layout_top.jpg" height="68" usemap="#watermarkmap" /><br>
<table class="content" cellspacing="0" cellpadding="0">

<tr valign="top">

<td width="222" colspan="1">

<div style="margin-left: 31px; margin-top: 190px; overflow: hidden; width: 181px; height: 107px; padding-top: 7px">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=56272003" class="contactbtn"><img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactholder.gif" height="19" style="filter: alpha(opacity=0)" /></a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=56272003" class="contactbtn"><img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactholder.gif" height="19" style="filter: alpha(opacity=0)" /></a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=56272003" class="contactbtn"><img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactholder.gif" height="19" style="filter: alpha(opacity=0)" /></a><br>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=56272003" class="contactbtn"><img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactholder.gif" height="19" style="filter: alpha(opacity=0)" /></a><br>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=56272003" class="contactbtn"><img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_contactholder.gif" height="19" style="filter: alpha(opacity=0)" /></a><br>
</div>



</td>

<td colspan="1">

<div align="justify" class="aboutme">
..
<br>
<br>
<b>name</b> | Ask and maybe I will tell<br>
<b>gender</b> | Female<br>
<b>age</b> | 20<br>
<br>
Page is under construction so please bare with me.<br>
<br>
<br>
<br>
<b>bold</b> <i>italicized</i> <u>underline</u> <a href="about:blank">hyperlink</a><br>
</div>

<div align="justify" class="friends">
<marquee>
..
..
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif"><br>
</marquee>
</div>

</td>

</tr>

</table>

<br>

<div style="width: 800px; background-color: white">
<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_02_footer.jpg" /><br>
</div>

<div style="width: 800px; background-color: white; text-align: center">

<br><br><br><br><br>

<div align="right" style="padding-right: 10px">
designed by themarkster © <a href="http://www.innosenses.net">innosenses.net</a><br>
image : <a href="http://www.nationalgeographic.com" target="_blank">nationalgeographic.com</a><br>
download network : <a href="http://www.innosenses.net">innosenses.net</a> - <a href="http://www.createblog.com">createblog.com</a><br><br>
Site best viewed in Internet Explorer.<br>
© 2003-06 MySpace.com | All rights reserved.<br><br>
</div>

</div>

<div style="width: 800px; height: 40px; background-color: FCF1D1"> <br></div>

</center>

</div>

<noembed>
<style>.r{}</style>

[*This Confession*]

Resize your pictures for the friends list I'm guessing?

Also If you've never used a div I would suggest you go finding a new layout, but perhaps your a quick learner.

To resize your pictures for the friends, most people use photoshop or ms paint and re-size them all themselves and upload the images at tinypic.

and replace the new URL with the old one in this

<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif">

-pretty much meaning to get rid of that bold url and replace it with the new one Tinypic gave you.

To add your own MP3 player, it matters on if you want the myspace music or a custom one?

[soul_diva08]

yea im interested in resizing the friends pic. as for mp3 im into custom...i understand most of what needs to be done just tryin to find way to resize my friends pic without savin to my computer...

[flaymzofice]

Go to your Friend's page, right click on their profile picture, 'properties', then copy the URL for where their image is hosted; it should be something like 'www.myspace.com/THEN LOTS OF RANDOM NONSENSICAL WRITING HERE'. Then go back to your own profile edit and where you've got this:

<img src="http://themarkster.host4cheap.org/themarkster/images/m_is_friendavat.gif" height="00" width="00">

put the URL in, so, <img src="PICTURE URL" height="00" width="00">

Change the parts in bold.

You can use that code to resize images without downloading to computer, but it will distort the images on your page.

[*This Confession*]

Oh well you can upload them and put them in to this:

CODE

<IMG src="IMG URL" width=100 height=100 border=0>

Oops, someone beat me. I was switching from aim, myspace, and typing that

[flaymzofice]

Sorry Holly! Thought I'd repay all the times you guys have helped me out and pay it forward (and since I'm not that great with MySpace, this won't happen often!)

[*This Confession*]

Don't worry about it, you explained it more than I did, so later I'm sure I would have had to explain it out.

[soul_diva08]

thank you all for takin the time to help...