Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 13:32
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 24
Гостей: 22
Пользователей: 2
vlad1988, MaDaRa



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Скрипт Мини профиль при наведении на ник в информере

Скрипт Мини профиль  при наведении на ник в информере
Описание: Мини профиль при наведении на ник в информере
Красивое окно мини профиля будет видно когда вы наведете на ник пользователя который в информере

Код 1:

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://1x.do.am/url/jquery-latest.pack.js" type="text/javascript"></script>
  <script src="http://1x.do.am/url/jquery.coda-bubbl.js" type="text/javascript"></script>

Установка скрипта: подробное описание как установить скрипт
1.Создаем информер |Раздел Пользователи | Способ сортировки:(какой Вам угодно) | Количество материалов:(любое) | Количество колонок:(1 или 2)
Далее все в шаблоне информера заменяем на Код 1:

2.И не забудте вставить на страницах где хотите видеть работу скрипта перед тегом </head> Код 2:
В дополнение: или можете скачать и вставить в свой корень саита сами http://1x.do.am/url/jquery.coda-bubbl.js и http://1x.do.am/url/jquery-latest.pack.js

3.Вставляем код Вашего информера к примеру в статистику(с заголовком к примеру "Лучшие пользователи") или в новый блок(на что хватит Вашей фантазии)

Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4494 | Комментарии: 5 | Рейтинг: 4.7/3 | |Категория: Скрипты блоки и шапки | Добавил: ALINA | Дата: 03.01.2010 | Скачали: 0 | Теги: наведении, профиль, ник, мини
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
5 kolya146   Дата: 12.03.2010  Время: 12:29   [№ 2110]
а как тег между head вставлять ?

4 mdbaner   Дата: 04.01.2010  Время: 00:58   [№ 1537]
Для тех кто не понял я сделаю свое описание
Значить создаем информер Пользователи
дальше создаем группу к примеру лучшие пользователи ! которые будут у нас отображаться где то в колонке
колонок можно делать 2 или 1
КОД 1 вставляем в этот информер который создали..
и КОД 2 вставляем между тегами <head> * * * * * * * * *</head>
тег информера который мы создали $INFORMER#$ вставляем в любое место где будут видны пользователи
все

1 XuTPbIu_HALLuCT   Дата: 03.01.2010  Время: 22:53   [№ 1533]
Он рабичий? ? ? А то уже столько их перебрал...НЕ хочется как то время на бесполезное тратить...

2 mdbaner   Дата: 03.01.2010  Время: 22:58   1 [№ 1534]
ну скрин я добавил же с рабочего,думаю работает если правильно вставить

3 XuTPbIu_HALLuCT   Дата: 04.01.2010  Время: 00:15   2 [№ 1535]
Эт хорошо biggrin


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru