resimlerden nasıl buton yaparım

 <!-- Catlak-site55.tr.gg-->
<style type="text/css">

#Catlak-site55bs  {
border: solid 0px #e6e6e6;
width:190px;
margin: 10px;
padding:0px;

}

#Catlak-site55bs ul ,#menu10 li{
 list-style: none;
        margin: 0px;
        padding: 0px;
        }

#Catlak-site55bs li a:link , #Catlak-site55bs li a:visited , #Catlak-site55bs li a:active {display:block;height:30px;
line-height:32px;
background-image:url(http://img.webme.com/pic/c/catlak-site55/navblue.gif);

        color:cyan;
        text-decoration:none;
text-align:center;
        font-size: 13px;
        font-family: verdana, sans-serif;
padding-right:2px;
        padding-bottom:0px;
        margin:0px;

}

#Catlak-site55bs li a:hover {background-color:#FEFFFF;
background-image:url(http://img.webme.com/pic/c/catlak-site55/navblue2.gif);
        color:yellow;}

</style>

<div id="Catlak-site55bs">
<ul>
<!-- Duvar -->

<li><a href="LİNKİ" title="ANA SAYFA"><b>ANA SAYFA</b></a></li>
 <li><a href="LİNKİ" title="forum"><b>FORUM</b></a></li>
<li><a href="LİNKİ" title="iletişim"><b>İLETİŞİM</b></a></li>
<li><a href="LİNKİ" title="zidefteri"><b>Z.DEFTERİ</b></a></li>



</ul>
</div>  <center>

<!--Kodbanks üzerine gel resim değişsin resimli buton kodu basla--><table border="0" width="125" id="table1" cellspacing="0" cellpadding="0" height="14">
<tr>
<td align="right" valign="bottom">
<script type="text/javascript">
<!----
var rollOverArr=new Array();
var encoded = escape(rollOverArr);
trace(encoded);
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>
<a href="http://kodbanks.tr.gg/html-kod-.oe.nizleme.htm" target="_blank" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="http://img695.imageshack.us/img695/8610/kodbanksatam.gif" NAME="home" ALT="TIKLA" BORDER="0"></A>
<script TYPE="text/javascript"> <!--
setrollover("http://img121.imageshack.us/img121/6765/kodbankstakm.gif");
//-->

</script>
</td>
</tr>
</table><!--Kodbanks üzerine gel resim değişsin resimli buton kodu basla-->
 

http://kodbanks.tr.gg/html-kod-.oe.nizleme.htm

target="_blank"

<a href="http://kodbanks.tr.gg/html-kod-.oe.nizleme.htm" target="_blank" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="http://img695.imageshack.us/img695/8610/kodbanksatam.gif" NAME="home" ALT="TIKLA" BORDER="0"></A>