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

<table style="width: 100%; height: 20px;" align="" border="0" cellpadding="0" cellspacing="0" width="">
  <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>N</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="Пользователь" >
<center><font color="#000000">Пользователь</font></center></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">Репа</font></td>
  <td> <img src="http://1x.do.am/glavnaja/images/8775454_07.png" width="4" height="20" alt="" /></td>
  </tr>
$MYINF_31$ </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/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>

<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="http://1x.do.am/script/jquery.coda-bubble.sp.js" type="text/javascript"></script>