Как настроить этот скрипт на сайт ?

Здравствуйте
Я тут нашла очень интересный скрипт,которым многим будет полезен. Естественно если его ещё можно будет переделать под наши сайты
Этот скрипт используется на форумах,так что думаю и на нашем форуме можно сделать
В общем вот ниже указана инфа:

Всплывающее окошко с аватарками.


Далее идёт инструкция, то есть скрипты:
Верх:

Код:

<style>
#convert { position:fixed; right:10%; top:65%; z-index:1000;}
#messanger { position:fixed; right:10%; top:65%; z-index:1000; width:280px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}
#closer{
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F');
color: lime;
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;}
#closer:hover {color: #FF4500; }
</style>

Низ:

Код:

<!-- Система оповещения о личных сообщениях v.2.1-->
<script type="text/javascript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="convert"><img style="" src="http://znakomstva.4bb.ru/uploads/0000/0a/f2/68797-1.gif" alt="" ><div id="messanger" class="container" style="display:none; padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">Привет, <strong>'+UserLogin+'</strong><br>у Вас новое личное сообщение</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong> X </strong></span></div></div>');}
$("#convert").mouseover(function(){
$('#messanger').show();});
$.ajax({
  type: 'GET',
  url: 'messages.php',
  contentType: 'text/html; charset=windows-1251',
  success: function(data){
$(data).find('tr.icon').each(function(){ 
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');var Qautor=$(this).find('td.tc2 a').text();
var QProf=$(this).find('td.tc2 a').attr('href');ProfilUser = /(.*?)\/profile\.php\?id=(\d+)/g;
RrofId=(QProf.replace(ProfilUser, '$2'));
$.get('profile.php?section=avatar&id='+RrofId,'',processGetImg);
function processGetImg(data){
$(data).find('td#profile-left li div, div.fs-box').map(function(){ 
var ZAva=$(this).find('img').attr('src');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\'  class="mess" href="'+QLink+'">Ссылка на сообщение</a> от <a onclick=\'window.open(href="'+QProf+'"); return false\'  class="mess" href="'+QProf+'">'+Qautor+'</a><img style="border: 1px solid #696969;margin: 3px 0 -2px 5px;" src="'+ZAva+'" width="24" height="24" alt=""></li>');
$('.mess').click(function(){
$('#messanger').toggle();});
 });} });} });
$('#closer').click(function(){
$('#messanger').slideToggle('slow');});
</script>

Пожалуйста подскажите как это осуществить и где нужно делать изменения ?

Пожалуйста помогите
Если это можно будет сделать,то можно будет потом перенести в раздел Полезные скрипты и другие пользователи смогут пользоваться
Я думаю что можно заменить стандартное всплывающее окно об новом сообщении, на это

Если это можно будет сделать,то можно будет потом перенести в раздел Полезные скрипты

Это взятка )))

Вот именно этот скрипт — от другой системы, и пользы от него мало. У нас нет страниц messages.php, profile.php.
Для нас схема будет следующей: скриптом проверять наличие в меню навигации иконки "новое ЛС", и если она есть — подгружать во всплывающее окно информацию со страницы входящих сообщений (ссылки на все ЛС с иконкой "Новое").

Только сразу предупреждаю: про украшательства в виде аватарок лучше лишний раз не вспоминать. Чтобы их добавить куда-либо, надо сверху навешивать скрипт из туториала аватарок к последним сообщениям в оглавлении.

Dana Domirani пишет:Вот именно этот скрипт — от другой системы, и пользы от него мало. У нас нет страниц messages.php, profile.php.
Для нас схема будет следующей: скриптом проверять наличие в меню навигации иконки "новое ЛС", и если она есть — подгружать во всплывающее окно информацию со страницы входящих сообщений (ссылки на все ЛС с иконкой "Новое").

Только сразу предупреждаю: про украшательства в виде аватарок лучше лишний раз не вспоминать. Чтобы их добавить куда-либо, надо сверху навешивать скрипт из туториала аватарок к последним сообщениям в оглавлении.

Эх...ну ладно )
Тогда подумаю над чем то другим
В общем спасибо за ответ
Темку можно закрывать