DIV Overlay User Image problem Options

[eitaklove]

So I found this really cool DIV layout that I love, but when I have everything set the only thing that I don't know how to do is how to show my user pic on myspace? I upload the image but it doesn't show on my page because I think I have to use image shack or photobucket to link to the image or something but I'm really not sure and its pretty much driving me insane. Please help me out?

Here's the code if you need it

</div>

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style>

<style type="text/css">
.hotlayx { Background Properties }
body {
background-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-arrow-color:FF6699;
scrollbar-track-color:FFFFFF;
}
.hotlayx { Table and Section Properties }
table, tr, td {background:transparent; border:0px;}
table table table {background-color:FFFFFF;}
td.text table, td.text table td {width:200px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:0px;}

hotlayx. { text properties }
table, tr, td, li, p, div { font-family:verdana; color:000000; font-size:9px; }
.btext { font-family:verdana; color:FFFFFF; font-size:8px; }
.blacktext10 { color:FFFFFF; }
.blacktext12 { color:FFFFFF; }
.lightbluetext8 { color:FFFFFF; }
.orangetext15 { color:FFFFFF; }
.redtext { color:FFFFFF; }
.redbtext { color:FFFFFF; }
.text { color:FFFFFF; }
.whitetext12 { color:FFFFFF; }
a:active, a:visited, a:link { font-family:verdana; color:FF6699; font-size:9px; }
a:hover { font-family:verdana; color:666666; font-size:9px; }
a.navbar:active, a.navbar:visited, a.navbar:link { color:FFFFFF; }
a.navbar:hover { color:FFFFFF; }
a.redlink:active, a.redlink:visited, a.redlink:link { color:FFFFFF; }
a.redlink:hover { color:FFFFFF; }
.nametext { color:FFFFFF; }

.hotlayx { Misc properties }
table table td {width:10px;}
div table table td, table table table td {width:auto;}
table table img {display:none;}
table table table img {display:inline;}
td.text td.text table table div,
td.text td.text table table a img { width:65px !important;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
.blacktext10 {display:block; width:100px;}

.hotlayx { others }
table, tr, td {background-color:transparent;
border:none; padding: 0px; width:200px;}
table table table {background-color:white;
border:1pt white solid; height:.01%; width:100%;}
table table table table {border:none;}
td.text td.text table table td {padding:3px;}
td td td td {width: 1%; text-align:justify;}
.comments {visibility:hidden;display:none;}
</style>


<DIV class="Main"> <table style="width:800px; height:620px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:ffffff;}"> <tr> <td valign="top">


<div style="position:absolute; left:0px; top:40px; width:500px; height:30px; background-color:white; overflow:auto;"></div>

<div style="position:absolute; left:20px; top:80px; width:641px; height:297px;background-image:url(http://img350.imageshack.us/img350/1043/0000x00x0x0x0x8bf.png); overflow:auto;"></div>


<div style="position:absolute; left:23px; top:95px; width:172px; height:185px; background-color:transparent; overflow:auto;">
<center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR FRIEND ID HERE"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR FRIEND ID HERE"><img src="http://img210.imageshack.us/img210/8794/pichllxlxx2bu.png" border="0" width="145" height="145" alt="View all pictures"></a> </a></center>
</div>
<div style="position:absolute; left:30px; top:248px; width:172px; height:185px; background-color:transparent; overflow:auto;"><p align=left>

<a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIEND ID HERE>[x]</a>Send a message<br>
<a href=http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=FRIEND ID HERE>[x]</a>Add to friends<br>
<a href=http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=FRIEND ID HERE>[x]</a>Block user<br>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=FRIENDIDHERE>[x]</a>View more pictures<br>
<a href=http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=FRIEND ID HERE
>[x]</a>View all blogs<br>
<a href=http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=FRIEND ID HERE>[x]</a>View all friends<br>
<a href=http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=FRIENDID HERE>[x]</a>Add a comment<br>
<a href=http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=FRIEND ID HERE
>[x]</a>View all comments<br>
<a href=http://www.myspace.com/_hl>[x]</a>Credit<br></p>
</div>




<div style="position:absolute; left:215px; top:110px; width:440px; height:147px; background-color:transparent; overflow:auto;">

WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
WRITE ABOUT YOURSELF HERE!!
</div>











<div style="position:absolute; left:220px; top:280px; width:430px; height:100px; background-color:transparent; overflow:auto;">
<center>
<a href="YOUR FRIEND'S URL HERE"> <img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"> </a> <a href="YOUR FRIEND'S URL HERE"><img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"> </a> <a href="YOUR FRIEND'S URL HERE"><img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"></a> <a href="YOUR FRIEND'S URL HERE"><img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"></a> <a href="YOUR FRIEND'S URL HERE"><img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"></a>
<a href="YOUR FRIEND'S URL HERE"><img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"></a>
</center></div></div><style type="text/css">
.hotlaysub {visibility:hidden;} .hotlaysub input {visibility:visible;}
</style>
<div class="hotlaysub"><table><tr><td><table><tr><td><table><tr><td>

</td></tr></table></td></tr></table><div class="hidefs"><table><tr><td><table><tr><td><div class="comments"><table><tr><td><table><tr><td>

</td> </tr> </table> </td> </tr> </table> </td> <td> <div class="hidethem"><table><tr><td><table><tr><td></div>

[*Infinite.*]

Yea you go to http://www.tinypic.com
and upload the picture of your friend that you would like in that one place and find one of these:

<a href="YOUR FRIEND'S URL HERE"> <img src="http://i1.tinypic.com/ohimuu.png" border="0" alt="NAME OF YOUR FRIEND HERE"width="61px"height="88px"> </a>

And edit all the uppercase stuff with what it says and the bold part (URL) you erase and replace it with the new url that tinypic gave you for your friends picture.

[eitaklove]

So basically I won't be able to use normal myspace imaging where I can get comments from people and such?

[freeflow]

No but you can just upload a picture and then make it a link to view more pics. Works the same...