<div class="uBox"></div>

setTimeout(function () {    
       
    var source = new EventSource('/php/evstream/index.php');    
    source.addEventListener('message', function(e) {    
    // Пришли какие-то данные    
    var data = e.data;    
    data = data.split('alert: ');    
    eval('var newalert = '+data[1]+';');    
       
    for( i = 0; i < 4; i++ ){    
    if(!$('#uBox_'+newalert[i].id).html() && cookie('uBox_'+newalert[i].id)==null){    
    $('#pmm_player').remove();    
    $('body').append('<embed type="application/x-shockwave-flash" id="pmm_player"    
   src="http://usite.su/images/player.swf?song_url=http://usite.su/images/new_ls.mp3&autoplay=1&loop=0" width="0" height="0"/>');    
    $('.uBox').animate({bottom:'10'}, {queue:false}).fadeIn().append('<div    
   class="uBoxMesssge" id="uBox_'+newalert[i].id+'"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="2" valign="top" align="left" class="uBoxTitle"><div class="uBox_close"><a class="uBox_close_s" title="Закрыть" href="javascript://" onclick="ualert_hide('+newalert[i].id+')"></a></div><b>Новое уведомление от '+newalert[i].title+'</b></td></tr><tr><td rowspan="2" width="50px" valign="top"><a href="/index/8-0-"><img class="uBoxAva" src="'+newalert[i].photo+'" border="0"></a></td><td valign="top" align="left" class="uBoxTheme">Тема: '+newalert[i].message+'</td></tr><tr><td valign="top" align="left" class="uBoxMessaged"><a style="word-wrap:break-word;text-decoration:none;text-align:left" href="javascript://"></a></td></tr></table></div>');    
    }    
    }    
    }, false);    
       
    source.addEventListener('open', function(e) {    
    // Соединение было открыто    
    }, false);    
       
    source.addEventListener('error', function(e) {    
    if (e.eventPhase == EventSource.CLOSED) {    
    // Соединение закрыто    
    }    
    }, false);    
       
    }, 5);    
       
    function ualert_hide(id){    
    cookie('uBox_'+id, '1', {expires: 1});    
       
    $('#uBox_'+id).animate({bottom:'10'}).fadeOut();    
       
    }

function cookie(name, value, options) {    
    if (typeof value != 'undefined') {    
    options = options || {};    
    if (value === null) {    
    value = '';    
    options.expires = -1;    
    }    
    var expires = '';    
    if (options.expires && (typeof options.expires == 'number' ||    
    options.expires.toUTCString)) {    
    var date;    
    if (typeof options.expires == 'number') {    
    date = new Date();    
    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));    
    } else {    
    date = options.expires;    
    }    
    expires = '; expires=' + date.toUTCString();    
    }    
    var path = options.path ? '; path=' + (options.path) : '';    
    var domain = options.domain ? '; domain=' + (options.domain) : '';    
    var secure = options.secure ? '; secure' : '';    
    document.cookie = [name, '=', encodeURIComponent(value), expires, path,    
   domain,    
    secure].join('');    
    } else {    
    var cookieValue = null;    
    if (document.cookie && document.cookie != '') {    
    var cookies = document.cookie.split(';');    
    for (var i = 0; i < cookies.length; i++) {    
    var cookie = jQuery.trim(cookies[i]);    
    if (cookie.substring(0, name.length + 1) == (name + '=')) {    
    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));    
    break;    
    }    
    }    
    }    
    return cookieValue;    
    }    
    };

<?    
    /*    
    //Автор: faforty    
    Файл: base.php    
    Назначение: исполняет роль базы оповещений    
    */   
    if (! defined ( 'FAFORTYDEV' )) {    
    die ( "Hacking attempt!" );    
    }    
    $base_alert = array(    
    '1' => array(    
    'title' => 'ВКурсе. Первый журнал', //Название оповещения    
    'message' => 'Самая редкая кошка на планете: фото', //Сообщение    
    'photo' => 'http://cs6005.userapi.com/u76040944/d_f0af6997.jpg', //Url на фото    
    'group_id' => '1,3,4', //id групп через запятую, для которых выводить    
   оповещение, 0 - для всех групп    
    'user_id' => '0', //id пользователей для которых выводить сообщение, 0 -    
   для всех пользователей    
    'active' => '1' //1 - оповещание активно, 0 - неактивно    
    ),    
    '2' => array(    
    'title' => 'ВКурсе. Первый журнал',    
    'message' => 'Самая быстрая машина в мире: фото',    
    'photo' => 'http://cs6005.userapi.com/u76040944/d_f0af6997.jpg',    
    'group_id' => '0',    
    'user_id' => '0',    
    'active' => '1'   
    )    
    );   
   ?>

<?    
    //Автор: faforty    
    $___notjson = 1;    
       
    header('Content-Type: text/event-stream');    
    header('Cache-Control: no-cache');    
       
    @error_reporting ( E_ALL ^ E_WARNING ^ E_NOTICE );    
    @ini_set ( 'display_errors', true );    
    @ini_set ( 'html_errors', false );    
    @ini_set ( 'error_reporting', E_ALL ^ E_WARNING ^ E_NOTICE );    
       
    define ( 'FAFORTYDEV', true );    
       
    $domen = "http://".$_SERVER['HTTP_HOST'];    
       
    require_once('./base.php');    
       
    function sendMsg($id, $msg) {    
    echo "id: $id" . PHP_EOL;    
    echo "data: $msg" . PHP_EOL;    
    echo PHP_EOL;    
    ob_flush();    
    flush();    
    }    
    $serverTime = time();    
       
    foreach($base_alert as $key => $massiv)    
    {    
    $group_id = $massiv['group_id'];    
    $user_id = $massiv['user_id'];    
    $my_user = ucoz_getinfo("SITEUSERID");    
    $v_arr = array('id' => $key, 'title' => $massiv['title'],'message' => $massiv   
   ['message'],'photo' => $massiv['photo']);    
    if($massiv['active']){    
    if($group_id==0 && $user_id==0){    
    $var_js[]= $v_arr;    
    }else{    
       
    $m_group = explode(',',$group_id);    
    $m_user = explode(',',$user_id);    
       
    foreach($m_group as $group){    
    foreach($m_user as $user){    
    $user_data = xmlrpc_decode(file_get_contents($domen."/api/index/8-".   
   $my_user), "utf8");    
    if(($user == 0 || $user == $user_data["USER_ID"]) && ($group == 0 ||    
   $group == $user_data["USER_GROUPID"])){    
    $var_js[]= $v_arr;    
    }    
    }    
    }    
    }    
       
    }    
    }    
       
    sendMsg($serverTime, 'alert: '. json_encode($var_js));    
    ?>  
Показать выделенный код в новом окне  

   И на последок осталось добавить css. Создаём папку css и там ualert.css:   
.uPM{    
    position:relative;z-index:9999    
    }    
    .uBox{    
    position:fixed;bottom:5px;right:5px;z-index:9999    
    }    
    .uBoxMesssge{    
    display:none;    
    padding: 5px;    
    margin-bottom: 10px;    
    width:300px;    
    background: url(http://usite.su/images/uContent-bg.png);    
    padding: 7px;    
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;    
    border-radius: 5px;    
    -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);    
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);    
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);    
    }    
    .uBoxTitle b{    
    font: bold 11px Tahoma !important;    
    }    
       
    .uBoxMesssge *{    
    font: 11px Tahoma;    
    color:#fff;    
    text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70);    
    }    
    .uBoxAva{    
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;    
    border-radius: 3px;    
    width:50px;    
    }    
       
    .uBox_close{    
    background: #000;    
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    -moz-box-shadow: 0 0 2px #111;    
    -webkit-box-shadow: 0 0 2px #111;    
    box-shadow: 0 0 2px #111;    
    padding: 5px;    
    margin: 0 0 0 10px;    
    opacity: 0.6;    
    width: 7px;    
    float:right    
    }    
       
    .uBox_close_s{    
    display: block;    
    background: url("http://usite.su/images/notifier_close.gif") no-repeat scroll 0 0    
   transparent;    
    opacity: 0.6;    
    width: 7px;    
    height: 7px;    
    }    
    .uBox_close_s:hover{    
    opacity: 1.0;    
    }    
    .uBoxTheme{    
    padding-left:5px;    
    color:#bbb;    
    }    
    .uBoxMessaged{    
    padding-left:5px;    
    }    
    .uBoxMessaged a{    
    color:#fff;    
       
    }