Главная » Файлы » Скрипты для 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>


Всё! Скрипт прекрасно работает! На всякий случай прикрепляю архив со скриптами и фоном... Пользуйтесь на здоровье!
Категория: Пользователи | Добавил: Apocalypse | Теги: при, информация, ucoz, курсора, пользователе, наведении, От, (Доработка, для, Apocalypse)
Просмотров: 212 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: