<!--Слева-->

<!--Новые лица в Шапке -->
<div id="pun-viewforum" class="main forum">
<style>
.main.forum {
  position:absolute;
  z-index:400;
  width:264px;
  margin-top:130px;
  margin-left:40px;
}
.main.forum>table{
height:55px;
background: transperent;
/*outline:red solid 1px;*/
}
.main.forum>table td{
height:55px;
padding:0!important;
}
.punbb .bb .byuser {
display:none;
}
.punbb .bb .user-avatar img.ava { 
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto 100%;
border: 2px solid #A2A2A3 !important;
border-radius: 0%;
height: 50px;
width: 50px;
margin: 0;
opacity: 0.5;
filter: grayscale(87%);
transition:.7s;
box-shadow:2px 2px 2px rgba(0,0,0,.7);
}
.punbb .bb .user-avatar img.ava:hover {
transition:1.7s;
opacity: 0.95;
filter: grayscale(0%);
}
a.newface {
font-size:10px;
}
</style>
    <table width:100%><tr valign=top>
        <td class="tcr bb"><span class="byuser"> Moses</span></td>
        <td class="tcr bb"><span class="byuser"> Jeraldine Hoffer</span></td>
        <td class="tcr bb"><span class="byuser"> ник</span></td>
    </tr></table>
<script type="text/javascript">
$(window).load(function(){setTimeout(function(){
$('.main.forum>table .byuser').each(function (i) {
$(this).prev('.user-avatar').find('a img.ava').attr('title','<a class=newface>новые лица</a><br><b>'+$(this).html()+'</b>')
.tipsy({html: true, fade: true, gravity: 's'});
});},400);
});
</script>
</div><!-- END//Новые лица в Шапке -->


<!--Активисты по постам в Шапке -->
<div id="pun-viewforum" class="main forum2">
<style>
.main.forum2 {
  position:absolute;
  z-index:400;
  width:264px;
  margin-top:195px;
  margin-left:40px;
}
.main.forum2>table{
height:55px;
background: transperent;
/*outline:red solid 1px;*/
}
.main.forum2>table td{
height:55px;
padding:0!important;
}
.punbb .bb .byuser {
display:none;
}
.punbb .bb .user-avatar img.ava { 
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto 100%;
border: 2px solid #A2A2A3 !important;
border-radius: 0%;
height: 50px;
width: 50px;
margin: 0;
opacity: 0.5;
filter: grayscale(87%);
transition:.7s;
box-shadow:2px 2px 2px rgba(0,0,0,.7);
}
.punbb .bb .user-avatar img.ava:hover {
transition:1.7s;
opacity: 0.95;
filter: grayscale(0%);
}
a.actface {
font-size:10px;
}
</style>
    <table width:100%><tr valign=top>
        <td class="tcr bb"><span class="byuser"> Mackenzie Crawley</span></td>
        <td class="tcr bb"><span class="byuser"> Cain Wolfstein</span></td>
        <td class="tcr bb"><span class="byuser"> PR</span></td>
    </tr></table>
<script type="text/javascript">
$(window).load(function(){setTimeout(function(){
$('.main.forum2>table .byuser').each(function (i) {
$(this).parents('.bb').find('img.ava').attr('title','<a class=actface>активные игроки</a><br><b>'+$(this).html()+'</b>')
.tipsy({html: true, fade: true, gravity: 'n'});
});},300);
});
</script>
</div><!-- END//Активисты по постам в Шапке -->