<BLINK>блинк</BLINK>
<br>
<img class="block" src="/block.png">
<br>
<img class="block" src="/block.png">
<br>
<img class="block" src="/block.png">
<br>

.content {
width:30%;
min-height:200px;
color:#000000;
font:Verdana,Arial;
padding:5px;
margin:5px;
text-align: center;
}

.block {
text-align: center;
}

<div style="height:40px;"><div id='foo'>   
<!-- <Оповещение о ЛС> -->  
<?if($UNREAD_PM$>0)?> <div style="-index: 50000;top:5px;left:45%;z-index: 50000;background: rgba(0, 0, 0, 0.5);padding: 6px;border-radius: 4px;color:white; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);">  
   <div> <A target="_blank" href="/index/14-0-0"><font color='cyan'>У вас <b>$UNREAD_PM$</b> непрочитанн<?if($UNREAD_PM$>1)?>ых<?else?>ое<?endif?> сообщени<?if($UNREAD_PM$>1)?>я<?else?>е<?endif?>.</font></a></div></div><?endif?>  
<!--</new_pm>--></div> </div>  

<script type='text/javascript'>   
   function startAnim(element, time) {   
   element.animTimer = setInterval(function () {   
   if (element.style.display == "none")   
   element.style.display = "";   
   else   
   element.style.display = "none";   
   }, time);   
   }   
   function stopAnim(element) {   
   clearInterval(element.animTimer);   
   }   
   startAnim(document.getElementById("foo"), 500);   
   document.getElementById("foo").onmouseover = function () {   
   stopAnim(this);   
   };   
   document.getElementById("foo").onmouseout = function () {   
   startAnim(this, 500);   
   };   
   </script>