<br><center><div class="name"><a href="ссылка на анкету">имя</a></div>
<div class="inf">описание</center>

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
 /*Подвижка иконки*/
    img.a-info{
      margin-top: -3px!important;
      margin-left: 173px!important;
      width:30px;  /*Размер иконки*/
    }
    /*Подвижка всплывающей подсказки иконки*/
    .tipsy.a-info{
      margin-top: -2px!important;
      margin-left:-6px!important;
      font: normal normal 400 11px/16.5px Arial;
    }
    /*сдвиг таблицы*/ .my-tabs{
      margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
      margin-left:200px;  /*сдвиг таблицы вправо от положения иконки*/
    }
    /*Цвет фона и бордюров таблицы*/
    .my-tabs>.tab-a,.my-tabs>span{
      background: url("https://i.ibb.co/QP38RKk/2.png") no-repeat; /* Алена - тело таблицы */
    border: 0px;     
color: #191b1a !important;
    }
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  /*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
    float: right;
    margin: -15px 78px 0 0!important;
    width: 20px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:500px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
    opacity: 1;
    color: #1b2f32;
    cursor: pointer;
    display: flex;
    position: relative;
    /* z-index: 122; */
    text-align: center;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);
    font: 'Montserrat Alternates' 400 13px;
    margin-top: 3px;
    top: 96px;
    right: -529px;
    background: url(https://i.ibb.co/gdf45Pd/lenta.png);
    width: 138px;
    height: 25px;
    align-items: center;
    align-content: center;
    justify-content: center;
}
/* Cдвиг самого первого "Уха" 
.my-tabs>span:first-child{
 margin-left: 20px;
}*/
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
      background: url("https://i.ibb.co/gdf45Pd/lenta.png"); /* Алена - активная вкладка */
 margin-top: 0px;
margin-left: 83px;
transition: 2s;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:640px;
 height:430px;
 position:absolute;z-index:1;
margin-top: 8px;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 padding:0px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:1.4em;
 display:inline-block;
padding-left: 30px;
}
</style>
<script img-data="https://sa.uplds.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="16"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>