Главная » Файлы » Скрипты для uCoz » Пользователи |
Информация о пользователе при наведении курсора (Доработка от Apocalypse) для uCoz
22.06.14, 15:36:58 | |
Первоначально конечный результат выглядел так: Я как всегда решил переделать под себя и получилось так: Установка: Создаем информер: |Раздел: Пользователи | Способ сортировки: (какой Вам угодно) | Количество материалов: (любое) | Количество колонок: (1 или 2) Далее все в шаблоне информера заменяем на: Код <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$ и вставлен он был в первый контейнер (Левая часть сайта) Далее через быструю замену заменяем: Код </head> На Код <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> Всё! Скрипт прекрасно работает! На всякий случай прикрепляю архив со скриптами и фоном... Пользуйтесь на здоровье! | |
Просмотров: 347 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |