how do you put a picture in the modules like this theme i found

http://www.blogring.net/index.php?showtopic=5902


and how do you put a picture in the module header like this.... umm couldnt find one lol but i think most people know what im talking about

and how do you change the titles in the module headers?

this is for the picture behind the module... to change the titles of the module header... use the replace text script, which can be found on createblog.com =]

<style type="text/css">
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(URL HERE);
background-repeat: no-repeat;
background-position: bottom left;
background-color: 000000;
border: 1px solid 000000;
text-align: center;
}
</style>

thanx bunches!!!!
could you possibly tell me why my code isnt working....
my bg isnt showing up...

<style type=text/css>
div {
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#000000;
scrollbar-track-color: #000000;}
}
body
background-image:
url(http://img.photobucket.com/albums/v258/peechi23/hipv1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
{font:normal 11px trebuchet ms;}
body {cursor: crosshair;}

a:hover {
color: #51ABFF;
font:bold 11px trebuchet ms;
line-height: 12px;
text-decoration: underline;
cursor: Crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font:normal 11px trebuchet ms;
line-height:12px;
color: #017FFF;
letter-spacing:0px;
text-align:justify;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#FFAC5B;
font:bold 11px trebuchet ms;
line-height:12px;
}
a:visited, a.footernav:visited, {
color:#ffffff;
font:bold 11px trebuchet ms;
line-height:12px;
}

table.navigation, table.footer, table.left, td.mainleft, table.search,

#SearchBar1_pnlYouAreHere , hr {display: none;}
#htmleditor {
border : 1x solid #51ABFF;
}
</style>



<!-- Created by CuteMAP -->
<!-- Visit us at http://www.globalscape.com -->
<!-- Beginning of CSIM -->
<IMG SRC="hipv1.jpg" USEMAP="#hipv1.jpg" WIDTH=871 HEIGHT=495 BORDER=0>
<MAP NAME="http://img.photobucket.com/albums/v258/peechi23/hipv1.jpg">
<AREA SHAPE=RECT COORDS="11,438,78,478" HREF="http://xanga.com" ALT="Xanga" OnMouseOver="window.status='Xanga'; return true" OnMouseOut="window.status='Xanga'; return true">
<AREA SHAPE=RECT COORDS="80,438,133,476" HREF="http://xanga.com/CLAF/default.asp" ALT="CLAF" OnMouseOver="window.status='Edit your site'; return true" OnMouseOut="window.status='Look and Feel'; return true">
<AREA SHAPE=RECT COORDS="135,438,206,473" HREF="http://xanga.com/private/subscribeto.aspx?user=xo_i_lurve_u_ox" ALT="Add Me" OnMouseOver="window.status='Subscribe'; return true" OnMouseOut="window.status='Add me to your site'; return true">
<AREA SHAPE=RECT COORDS="209,439,263,476" HREF="http://xanga.com/private/home.aspx" ALT="Home" OnMouseOver="window.status='Your Xanga'; return true" OnMouseOut="window.status='Go to your Xanga'; return true">
<AREA SHAPE=RECT COORDS="265,439,317,478" HREF="http://xanga.com/private/subs.apsx" ALT="Subscriptions" OnMouseOver="window.status='My Friends'; return true" OnMouseOut="window.status='Check out my friends'; return true">
<AREA SHAPE=RECT COORDS="318,438,391,479" HREF="http://www.xanga.com/profile.aspx?user=xo_i_lurve_u_ox" ALT="Profile" OnMouseOver="window.status='My Profile'; return true" OnMouseOut="window.status='More about Me'; return true">
<AREA SHAPE=RECT COORDS="394,438,459,481" HREF="http://www.xanga.com/guestbook.aspx?user=xo_i_lurve_u_ox" ALT="GBook" OnMouseOver="window.status='Guestbook'; return true" OnMouseOut="window.status='Sign my Book'; return true">
<AREA SHAPE=RECT COORDS="454,440,510,481" HREF="http://xanga.com/logout.aspx" ALT="ByeBye" OnMouseOver="window.status='Leave'; return true" OnMouseOut="window.status='Byebye'; return true">
<AREA SHAPE=RECT COORDS="587,471,587,471">
</MAP>
<!-- End of CSIM -->


<div id="content" style="margin-top: -415px; margin-left: -45%; width: 320px; height:335px; margin-right: 0%; margin-bottom: 0px; overflow:
auto; filter: none;">