��

mybb@mybb.ru (�� ) — Sat, 09 Jan 2016 09:41:41 +0300

��
�� :

��

mybb@mybb.ru (�� ) — Sun, 03 Jan 2016 11:03:27 +0300

��
�� , �� - ��

��

mybb@mybb.ru (�� ) — Sat, 02 Jan 2016 12:15:50 +0300

�� . ��

��:

<style type="text/css">
    .pa-avatar>div{
      position:relative;
      z-index:20;
      display:inline-block;
      margin: auto;
      padding:0;
    }
    .pa-avatar>div>img{
      position:absolute;
      top:0;left:0;
      z-index:-2;
    }
    .pa-avatar>div>span{
    margin:0;
    padding:3px 12px;
    display:block;
    border:10px rgba(121,103,21,0.3); /*���� �������� �������*/
    border-style:solid none none none;
    background:rgba(229,222,179,0.8); /*���� �������������� ����*/
    opacity:0;
    transition: opacity 0.6s;
    }
    .pa-avatar:hover>div>span{
    opacity:1.0;
    }
    .pa-avatar>div>span a{
    color:#0817F2!important; /*���� cc����*/
    }
    .pa-avatar>div>span a:hover{
    color:#FF0000!important; /*���� cc���� ��� ���������*/
    text-decoration:underline!important;
    }
    </style>
    <script type="text/javascript">
    $('.pa-avatar').each(function(){
      var that =$(this).parents('.post-author').find('.ava-wrp::first'),
      a = $(this).find('img:first');
      if(a.length&&that.length){
        b = that.parents('li[class^="pa-fld"]'),
        h = a.height(),w=a.width(),
        c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
        c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
      } 
    });
    </script>

HTML-��

��:

<a class=ava-wrp></a>

� ��

��

mybb@mybb.ru (�� ) — Fri, 01 Jan 2016 11:32:21 +0300

��

mybb@mybb.ru (�� ) — Fri, 01 Jan 2016 11:31:33 +0300

��

mybb@mybb.ru (�� ) — Fri, 01 Jan 2016 11:31:04 +0300

��

�������� ����

���������� �������� ��������

����������

�������� ������

����� ���������

�������� ����

������ ����

��

��

��

��

��

��

��