<!-- Скрипт всплывающей подсказки о персонаже по клику -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0017/2e/b7/28987.css" />
<script img-data="http://funkyimg.com/i/2n9V1.png" src="http://forumstatic.ru/files/0013/44/56/57946.js" forum="28"></script>
<!-- всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*подвижка иконки*/
img.a-info{
  margin-top: -18px!important;
  margin-left: 5px!important;
  width:186px;  /*размер иконки*/
}
/*подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: 15px!important;
  margin-left: 15px!important;
  font: normal normal 400 11px/16.5px verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:255px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background-image: url();
  border: 0px solid #cfcaca;
  border-color: #d5af30!important;
}
</style>
<!-- HTML во всплывающую таблицу-->
<script type="text/javascript">
$(document).ready(function(){
  $('img.a-info,.my-tabs>span').click(function(){
   $("li.tab-a .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>