Информер красивый двух типов

<style type="text/css">    .bubbleInfo{position: relative;}    .popup{position: absolute; display: none; z-index: 50; }    </style>      <tr>    <td>    <img src="http://1x.do.am/glavnaja/images/8775454_01.png" width="4" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775454_02.png);" width="20px"  height="20px"><center><font  color="#ff0000"><b>$NUMBER$</b></font></center></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775454_03.png" width="8" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775454_02.png);" width="65%"  height="20px" border="0" alt="Пользователь" >  <div class="bubbleInfo">  <div class="trigger">  <a href="/index/8-0-$USERNAME$" class="popul"><font  color="#000000">$USERNAME$</font></a><br></div>  <div class="popup"><a href="/index/8-0-$USERNAME$"><img  alt="" src="$AVATAR_URL$" border="1" width="100">  </a></div></div></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775454_05.png" width="9" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775454_02.png);" width="23px"  height="20px"><font  color="#000000">$REPUTATION$</font></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775454_07.png" width="4" height="20" alt="" /></td>    </tr>

<table style="width: 100%; height: 20px;" align="" border="0" cellpadding="0" cellspacing="0" width="">    <tr>    <td><img src="http://1x.do.am/glavnaja/images/8775455_01.png" width="4" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775455_02.png);" width="20px"  height="20px"><center><font  color="#ff0000"><b>N</b></font></center></td>    <td> <img src="http://1x.do.am/glavnaja/images/8775455_03.png" width="8" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775454_02.png);" width="65%"  height="20px" border="0" alt="Пользователь" >  <center><font color="#000000">Пользователь</font></center></td>    <td><img src="http://1x.do.am/glavnaja/images/8775455_05.png" width="9" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775455_02.png);" width="23px"  height="20px"><font  color="#000000">Репа</font></td>    <td> <img src="http://1x.do.am/glavnaja/images/8775455_07.png" width="4" height="20" alt="" /></td>    </tr>  $MYINF_32$ </table>

<style type="text/css">    .bubbleInfo{position: relative;}    .popup{position: absolute; display: none; z-index: 50; }    </style>      <tr>    <td>    <img src="http://1x.do.am/glavnaja/images/8775455_01.png" width="4" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775455_02.png);" width="20px"  height="20px"><center><font  color="#ff0000"><b>$NUMBER$</b></font></center></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775455_03.png" width="8" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775455_02.png);" width="65%"  height="20px" border="0" alt="Пользователь" >  <div class="bubbleInfo">  <div class="trigger">  <a href="/index/8-0-$USERNAME$" class="popul"><font  color="#000000">$USERNAME$</font></a><br></div>  <div class="popup"><a href="/index/8-0-$USERNAME$"><img  alt="" src="$AVATAR_URL$" border="1" width="100">  </a></div></div></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775455_05.png" width="9" height="20" alt="" /></td>    <td  style="background-image:  url(http://1x.do.am/glavnaja/images/8775455_02.png);" width="23px"  height="20px"><font  color="#000000">$REPUTATION$</font></td>    <td>    <img src="http://1x.do.am/glavnaja/images/8775455_07.png" width="4" height="20" alt="" /></td>    </tr>