<!--Админы в Шапке -->
<div id="pun-viewforum" class="main forum">
<style>
.main.forum {
  position:absolute;
  z-index:400;
  width:222px;
  margin-top:103px;
  margin-left:514px;
}
.main.forum>table{
height:83px;
background:#585661;
/*outline:red solid 1px;*/
}
.main.forum>table td{
height:83px;
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: 73px;
width: 63px;
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.adm {
font-size:10px;
}
</style>
    <table width:100%><tr valign=top>
        <td class="tcr bb"><span class="byuser">Shadow</span></td>
        <td class="tcr bb"><span class="byuser">Calmiya</span></td>
        <td class="tcr bb"><span class="byuser">Sterh</span></td>
    </tr></table>
<script type="text/javascript">
$(window).load(function(){
$('.main.forum>table .byuser').each(function (i) {
$(this).parents('.bb').find('img.ava').attr('title','<a class=adm>Aдм:</a> <b>'+$(this).html()+'</b>')
.tipsy({html: true, fade: true, gravity: 'n'});
});
});
</script>
</div><!-- END//Админы в Шапке -->