<style>
#wrp0{
display: none;
background: url(https://forumstatic.ru/files/0006/e3/22/76189.png) no-repeat;
top: -200px;
margin: 201px auto auto auto;
width: 330px;
height: 150px;
position: absolute;
z-index: 100;
padding: 3px 0px 0px 10px;
/*outline: solid 1px red;*/
}
#wrp0 .container{
padding: 40px 0px 0px 20px;
color: #621f0d;
text-shadow: #fff 3px 3px 12px,#000 1px 1px 2px;
line-height: 100%;
font-size: 13px;
text-align: center;
font-weight: 1200;
font-family: 'Palatino Linotype';
margin: 0px 0px 0px 0px;
display: inline-block;
width: 150px;
}
#wrp0 a[href="/register.php"],#wrp0 .item2 strong,#wrp0 .item2{
display: block;
}
#wrp0 .buttOn{
display: inline-block;
text-align: center;
}
#wrp0 a{
color: #EDEDED;
font-size: 16px;
text-shadow: #1f80ab 1px 1px 01px;
}
#wrp0 span a{
text-shadow: #A6D5EA 3px 3px 12px, #000000 1px 1px 0px;
}
#wrp0 a:hover{
color: #1f80ab;
}
#wrp0 button {
text-shadow: none;
font-size: 12px!important;
padding: 1px 5px 2px 5px;
margin: 0px 0px 0px 0px;
}
.punbb #wrp0 .container{
border: none;
background: transparent;
}
</style>

<!-- Кнопка "Новые сообщения" картинкой © Alex_63 -->
<style>
.newPost>a>img {
  float: left;
  margin-right: 5px;
  margin-top: 1px;
  opacity:1.0;
}
.newPost>a>img:hover {
  opacity: 0.8;
}
</style>
<script type="text/javascript">
if($('#pun-viewforum').length) {
  $('td.tcl .tclcon .newtext').each(function(){
    $(this).parent().prepend('<span class="newPost"><a href="#" target="_blank" title="Перейти к первому непрочитанному сообщению темы"><img src="http://savepic.su/6029388.gif" /></a></span>');
    $(this).parent().find('.newPost>a').attr('href',($(this).find('a').attr('href')));
    $(this).remove();
  });
};
</script>
<!-- //End//-Кнопка "Новые сообщения" картинкой -->