Установка: Создаем информер:
|Раздел: Пользователи | Способ сортировки: (какой Вам угодно) | Количество материалов: (любое) | Количество колонок: (1 или 2)
Далее все в шаблоне информера заменяем на:
Code
<style type="text/css">
.bubbleInfo{position: relative;}
.popup{position: absolute; display: none; z-index: 50; }
</style>
<a href="$PROFILE_URL$"><div class="bubbleInfo">
<div class="trigger">$USERNAME$</div></a>
<div class="popup"><table style="width: 250px; height: 320px; background-image: url(http://apocalypse.ucoz.kz/Se/fon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; border-collapse: collapse;" align="" width=""><tbody><tr><td style="text-align: center; vertical-align: middle; padding-top: 5px; letter-spacing: 0pt; word-spacing: 0pt;">
<center>
<b>$USERNAME$</b>
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/3bd0bff61a01.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/forum_border/290b6ff174f7.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/94af9881da39.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/326a55f011dc.png">
</td>
<td>
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0" height="100" width="100"><?else?><img src="http://apocalypse.ucoz.kz/is.gif" border="0" height="100" width="100"><?endif?>
</td>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/a4e3e0816fe3.png">
</td>
</tr>
<tr>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/8cb928874182.png" height="17">
</td>
<td background="http://apocalypse.ucoz.kz/forum_border/8f85b050c329.png" height="17">
</td>
<td width="17" background="http://apocalypse.ucoz.kz/forum_border/ce48d6da8a98.png" height="17">
</td>
</tr>
</tbody></table></center>
<div align="center">
<?if($GROUP_ID$=1)?><font color="000000"><b>$GROUP_NAME$</b></font><br><?endif?>
<?if($GROUP_ID$=2)?><font color="ffdd00"><b>$GROUP_NAME$</b></font><br><?endif?>
<?if($GROUP_ID$=3)?><font color="f86312"><b>$GROUP_NAME$</b></font><br><?endif?>
<?if($GROUP_ID$=4)?><font color="ff0000"><b>$GROUP_NAME$</b></font><br><?endif?>
<?if($GROUP_ID$=5)?><font color="09c424"><b>$GROUP_NAME$</b></font><br><?endif?>
<br><u>Активность пользователя:</u><br>
<b>Репутация: $REPUTATION$</b><br>
<b>Комментариев: $COM_POSTS$</b><br>
<b>Файлов: $LOAD_POSTS$</b><br>
<b>Постов: $FORUM_POSTS$</b><br>
<b>Фоток: $PHOTO_POSTS$</b><br>
</div>
</td></tr></tbody></table></div>
</div>
Теперь полученный код информера вставляем в нужное место... У меня этот код $MYINF_14$ и вставлен он был в первый контейнер (Левая часть сайта) Далее через быструю замену заменяем:
На
Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="http://romale80.ucoz.ru/okno/jquery.coda-bubble.sp.js" type="text/javascript"></script>
</head>
Всё! Скрипт прекрасно работает! На всякий случай прикрепляю архив со скриптами и фоном... Пользуйтесь на здоровье!