Скрипт для ucoz Аватар и данные о пользователе при наведении на ник (как на DLE) - Скрипты для ucoz - скрипты для ucoz, шаблоны для ucoz Ucoz-Scripts.RU Скачать скрипты для ucoz,шаблоны для uCoz

Аватар и данные о пользователе при наведении на ник (как на DLE)

Авторизация
Категории
Наша кнопка
Оплаченная реклама
Реклама
Главная » 2009 » Декабрь » 27 » Аватар и данные о пользователе при наведении на ник (как на DLE)
Категория: Скрипты для ucoz | Добавил:VoldemaR
Аватар и данные о пользователе при наведении на ник (как на DLE)

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
</head>

На что заменить:

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.Вставляем код Вашего информера к примеру в статистику(с заголовком к примеру "Лучшие пользователи") или в новый блок(на что хватит Вашей фантазии)

Просмотров (984) | Добавлено: 26.05.2012
Комментарии
Всего комментариев: 2
(20.01.2010 19:42 Среда)
Имя : Михаил Сидоров

-=CaHuTaP=-

  • Спасибо за добавленный комментарий
<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>
Вот этом коде
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script> это совсем не нужно! Из-за этого кода я не мог новости на свой сайт добавить
0  
(03.02.2010 14:09 Среда)
Имя : Arty Musatin

Muşatinu

  • Спасибо за добавленный комментарий
Izvini no ty tupoi???? esli ne znal to jquery uzhe ustanovlen na server uCoz... uberi evo, i gde naidiosh tokoe tozhe uberi...

Izvin za oskrablenie... no ja noob v uCoz i to znaiu...

+1  
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
Профиль
Суббота
26.05.2012
05:03

Логин
Пароль
[ Управление профилем ]
Кто с нами
Онлайн всего: 2
Гостей: 2
Пользователей: 0

Всего: 63045
Новых вчера: 3
Новых сегодня: 0

20ка Посетивших пользователей:
Случайные скрипты ucoz
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
смотреть скрипт для ucoz:
Опрос
Как Вам новый дизайн на сайте?!

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 835
Поиск
Календарь
«  Декабрь 2009  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
© gigasoft.ucoz.net/ucoz-scripts.ru 2012.
Все материалы, скрипты, шаблоны, фото и видео, размещаются на данном сайте его гостями и пользователями. Администрация не несет ответственности за возможное нарушение авторских прав и причиненные убытки в случае незаконного копирования, воспроизводства и использования данных материалов!
Sitemap | Sitemap-forum | Хостинг от uCoz
CY and PR