1.Создаем информер |Раздел Пользователи | Способ сортировки:(какой Вам
угодно) | Количество материалов:(любое) | Количество колонок:(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: 181px; height: 216px;
background-image: url(http://romale80.ucoz.ru/okno/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: left;
vertical-align: middle; padding-top: 5px; letter-spacing: 0pt;
word-spacing: 0pt;"><table style="width: 100px; height: 100px;
background-image: url(http://romale80.ucoz.ru/okno/noavatar.png);
background-repeat: no-repeat; background-attachment: scroll;
background-position: center center; -moz-background-clip: border;
-moz-background-origin: padding; -moz-background-inline-policy:
continuous; border-collapse: collapse;" align="center"
width=""><tbody><tr><td><img alt=""
src="$AVATAR_URL$" border="0" height="100"
width="100"></td></tr></tbody></table><table
style="width: 100%; border-collapse:
collapse;"><tbody><tr><td style="padding: 1px 5px 1px
8px; text-align: left; vertical-align: middle; letter-spacing: 0pt;
word-spacing: 0pt;"><span style="font-size:
8pt;"><b>Ник:</b></span> <span style="font-size:
8pt;">$USERNAME$</span><br></td></tr><tr><td
style="padding: 1px 5px 1px 8px; text-align: left; vertical-align:
middle; letter-spacing: 0pt; word-spacing: 0pt;"><span
style="font-size: 8pt;"><b>Группа:</b></span>
<span style="font-size: 8pt; color: rgb(255, 0,
0);">$GROUP_NAME$</span><br></td></tr><tr><td
style="padding: 1px 5px 1px 8px; text-align: left; vertical-align:
middle; letter-spacing: 0pt; word-spacing: 0pt;"><span
style="font-size: 8pt;"><b>Страна:</b></span>
<span style="font-size:
8pt;">$COUNTRY$</span><br></td></tr><tr><td
colspan="1" style="padding: 1px 5px 1px 8px; text-align: left;
vertical-align: middle; letter-spacing: 0pt; word-spacing:
0pt;"><span style="font-size: 8pt;"><b>С нами
с</b></span> <span style="font-size:
8pt;">$REG_DATE$</span><br></td></tr><tr><td
style="padding: 1px 5px 1px 8px; text-align: left; vertical-align:
middle; letter-spacing: 0pt; word-spacing: 0pt;"><span
style="font-size: 8pt;"><b>Новостей:</b></span>
<span style="font-size:
8pt;">$NEWS_POSTS$</span><br></td></tr></tbody></table><br></td></tr></tbody></table></div>
</div>
2.В ПУ
заходим в Управление дизайном | Быстрая замена
Режим замены:
Простой
Что заменить
На что заменить:
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>
3.Вставляем код Вашего информера к примеру в статистику(с
заголовком к примеру "Лучшие пользователи") или в новый блок(на что
хватит Вашей фантазии)
Аватар и данные о пользователе при наведении на ник - 22 Февраля 2010 - Скрипты для uCoz - Soft-kras portal
