Эпиграф в стиле tumblr (перевод windymind)
HTML низ
выглядет так 
<script type="text/javascript">
var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>выглядеть так
<script type="text/javascript">
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) && loc.indexOf('messages.php')==-1)
{
count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))
if (count==1) text=" У вас есть 1 новое сообщение"
else if (count>1 && count<5) text=" У вас есть " +count+" новых сообщения"
else text="У вас есть " +count+" новых сообщений"
msg = "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%; text-align: center;\">"
msg += text
msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">( Посмотреть личные сообщения )</a>"
msg +="<br><br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\"><center>( Закрыть окно )</center></a>\r\n"
msg += "</div>"
document.getElementById("pun-status").innerHTML += msg
}
</script>Мерцает в левом нижнем углу
<div id=alertMess style="display:none;width:192px; height:100px;/* border:red 1px solid;*/ top:80%;margin-left:-105px;position:fixed;z-index:100;"><img id=CloSandHid src="https://forumstatic.ru/files/000c/77/06/91190.png" style="position:absolute;z-index:100;"/><img class=MyMessag src="http://i.imgur.com/ImupE.png"/></div><script>function MiguN1(){$("#alertMess .MyMessag").fadeTo(1600,0.03,function(){$(this).fadeTo(1500,1,function(){return false});return false});return false}function setcookie(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c*1000*60)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}function timerZap(){timerID=setTimeout("MiguN1();timerZap();",3200);return}$("#CloSandHid").click(function(){setcookie("CloSandHid",true,15);if(getcookie("CloSandHid")){$("#alertMess").hide()}});if(!getcookie("CloSandHid")){$(document).ready(function(){if($("#navpm").text().indexOf("(")!=-1){timerID=setTimeout("$('#alertMess').fadeIn(2300);timerZap()",2300)}})}</script>
Красное - картинка, кликнув на которую исчезнет оповещение
Зеленое - мерцающая картинка
