포럼 스킨을 올렸는데 수정된 부분을 요구 하신 분이 계셔서 올립니다.
기본적인 원리는 라디오 버튼의 이미지화와 토클 입니다.

<input type="radio" name="wr_3" style="display:none" value="1">
<input type="radio" name="wr_3" style="display:none" value="2">
<input type="radio" name="wr_3" style="display:none" value="3">

   <script>
    function setImageRadio(){
     document.getElementById('img0').src=
     (document.getElementsByName('wr_3')[0].checked==true)?"<?=$board_skin_path?>/img/chan_on.gif":"<?=$board_skin_path?>/img/chan.gif";
     document.getElementById('img1').src=
     (document.getElementsByName('wr_3')[1].checked==true)?"<?=$board_skin_path?>/img/ban_on.gif":"<?=$board_skin_path?>/img/ban.gif";
     document.getElementById('img2').src=
     (document.getElementsByName('wr_3')[2].checked==true)?"<?=$board_skin_path?>/img/jung_on.gif":"<?=$board_skin_path?>/img/jung.gif";
    }
   </script>

<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==1){ echo 'chan_on.gif';}else echo'chan.gif';?>" ALT="" id="img0"
      onClick="document.getElementsByName('wr_3')[0].checked=true; setImageRadio();">
      <IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==2){ echo 'ban_on.gif';}else echo'ban.gif';?>" ALT="" id="img1"
      onClick="document.getElementsByName('wr_3')[1].checked=true; setImageRadio();">
      <IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==3){ echo 'jung_on.gif';}else echo'jung.gif';?>" ALT="" id="img2"
      onClick="document.getElementsByName('wr_3')[2].checked=true; setImageRadio();">


색과 글자의 굵기 모양등을 참조 하시면 다른곳에 활용이 가능 하시리라 생각 됩니다.