Понедельник, 23 Октябрь 2017, 20:13:29
Гоп в Кучу
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 11
Модератор форума: Khufu, Assiya, milashka 
Форум » Web-мастеру » Скрипты » Аватар и данные о пользователе, при наведении на ник
Аватар и данные о пользователе, при наведении на ник
Khufu Дата: Четверг, 28 Январь 2010, 14:37:41 | Сообщение # 1
Зачастивший
Группа: Модераторы
Сообщений: 84
Статус: :-(
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.Вставляем код Вашего информера к примеру в статистику (с заголовком к примеру "Лучшие пользователи") или в новый блок









Смотри в оба - Глаза не уши...
 
Форум » Web-мастеру » Скрипты » Аватар и данные о пользователе, при наведении на ник
Страница 1 из 11
Поиск:

Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи
Красивый информер ... Красивый информер ...
[Onlines]

Flash радио для са... Flash радио для са...
[Onlines]

Новый информер ком... Новый информер ком...
[startsmart]

Новый вид опроса д... Новый вид опроса д...
[startsmart]

Связь с администра... Связь с администра...
[startsmart]

Бесит... Бесит... [39]

Картинки Картинки [26]

Два друга и четыре жены Два друга и четыре жены [25]

Афоризмы Афоризмы [22]

СТОП – наркотик. СТОП – наркотик. [18]

Azzazil666 [93]

Khufu [84]

tigra333 [30]

Validemar [23]

Lilidi [21]

 sirena11ta [23 Октябрь 2017|09:42:03]

 bapaban1 [08 Март 2017|11:48:15]

 putanacity [03 Февраль 2016|06:37:52]

 Guraba [15 Февраль 2014|15:17:47]

 DoG [19 Март 2013|20:42:45]

Статистика по Сайту