/* Avatar */  
  #tooltip {  
  width: 200px;  
  position: absolute;  
  z-index: 1;  
  border: 1px solid #989790;  
  background-color: #fff;  
  font-family: Arial;  
  color: #000;  
  padding: 5px 10px 5px 10px;  
  opacity: 1.0;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border: 1px solid #989790;  
  border-radius: 5px;  
  }  
  /*------------------------*/  
  <script src="/jquery.tooltip.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $('#tooltiper a').tooltip({  
  track: false,  
  delay: 0,  
  showURL: false,  
  fade: 200  
  });  
  });  
  </script>  
  <div id="tooltiper">  
  <div id="avat">  
  $ONLINE_USERS_LIST$  
  </div>  
  </div>  
  <script type="text/javascript">  
  r=document.getElementById('avat').getElementsByTagName('a');  
  for(j=0; j<r.length;j++) {  
  r[j].className = ''+r[j].innerHTML+'';  
  }  
  </script>  
  <script type="text/javascript">  
  e=document.getElementsByTagName('A');  
  for(k=0; k<e.length;k++) {  
  if(e[k].className=="$USERNAME$"){  
  e[k].title = "<center><img src=$AVATAR_URL$ height='100' width='100' border='0'><img src='http://romale80.ucoz.ru/noavatar.gif.png' border='0' height='100' width='100'></center><br><span style='font-size: 8pt;font-weight:normal;'><b>Ник на сайте:</b> $USERNAME$<br><b>Пол:</b> $GENDER$<br><b>Группа:</b> $GROUP_NAME$<br><b>Страна:</b> $COUNTRY$<br><b>С нами с</b> 03.09.2009$REG_DATE$<br><b>Опубликовал новостей:</b> $NEWS_POSTS$ ?т.</span>";  
  e[k].innerHTML = '<font color="blue">  
  <font color="green">  
  <font color="yellow">  
  <font color="red">  
  <font color="orange">  
  <font color="gray">  
  $USERNAME$</font>';  
  }}  
  </script>  
  <a href="$PROFILE_URL$" class="$USERNAME$1">$USERNAME$</a>