Saytik+© Всё самое интересное в сети
        Saytik+
Вход | Регистрация
Приветствуем Вас ,Гость, на нашем сайте "Saytik+" !
У нас Вы можете скачать программы (софт),обои для рабочего стола,игры для Вашего ПК,а также музыку,фильмы,книги,скрипты и многое другое.Вы можете не только пользоваться материалами сайта,но и добавлять свои (для этого достаточно лишь зарегистрироваться на сайте).
Понедельник, 20.05.19
Время: 
11:09
   



Навигация
Реклама от Так.ру


Наш опрос
--- Откуда Вы узнали о нас ? ---


Всего проголосовало: 498
Интересное
Популярное
Новое на форуме
 Сеть автомастерских  Ответов:(0)
 Сеть автомастерских  Ответов:(0)
 Купить Датчики для вашего авто в Киеве!  Ответов:(0)
Друзья сайта


Архив материалов
Реклама


Главная » Скрипты » Скачать Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)

Вы находитесь в категории "Скрипты" на странице материала "Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)", любезно предоставленного для Вашего ознакомления с ним нашим пользователем admin. На этой странице Вы можете ознакомиться с материалом "Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)", скачать его с любого из доступных файлобменников, оставить комментарий, а также поделиться ссылкой на данный материал с друзьями и знакомыми.

 

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

Автор: admin , Дата: 27.01.11,11:09
Просмотров: 1545



Я уже когда-то выкладывал подобный скрипт на основе jquery.coda-bubble.sp.js. Теперь предлагаю Вам скрипт "Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)" основанный на скрипте jquery.tooltip.js.

Чем новый скрипт лучше старого?
1. Код не такой громоздкий.
2. Всплывающее окно располагается динамически относительно ника (в зависимости от расположения в окне браузера),а не статически как в старом скрипте.
3. Практически не подгружает сайт.
4. Есть возможность настройки прозрачности в стилях.

Установка:

1. Скачать архив,распаковать и залитьсодержимое(java скрипт) в корень сайта:
Скачать архив

2. Этот код установить в CSS:
Code
/* Avatar */
#tooltip {
width: 200px;
position: absolute;
z-index: 1;
border: 1px solid #989790;
background-color: #fff;
font: Tahoma;
color: #000;
padding: 5px 10px 5px 10px;
opacity: 1.0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;  
border: 1px solid #989790;
border-radius: 5px;
}
/*------------------------*/

3. Через панель управления создаем информер (можно несколько) "Пользователи" и дальше как вам угодно (колличество столбцов,способ сортировки,количество материалов и т.д.) и вставляем в шаблон информера следующий код:
Code
<div id="tooltiper">
<a class="noneline" title="<center><img src=$AVATAR_URL$ height='100' width='100' border='0'><img src='http://romale80.ucoz.ru/noavatar.gif.png' border='0' height='100' width='100'></center><br><span style='font-size: 8pt;font-weight:normal;'><b>Ник на сайте:</b> $USERNAME$<br><b>Пол:</b> $GENDER$<br><b>Группа:</b> $GROUP_NAME$<br><b>Страна:</b> $COUNTRY$<br><b>С нами с</b> 03.09.2009$REG_DATE$<br><b>Опубликовал новостей:</b> $NEWS_POSTS$ шт.</span>" href="$PROFILE_URL$"><span style="font-family:Tahoma;font-size: 7pt;"><font color="blue">
<font color="green">
<font color="yellow">
<font color="red">
<font color="orange">
<font color="gray">
$USERNAME$</font></span></a>
</div>

Картинки и цвета ссылок меняете по желанию на свои.

4. А этот код вставляете уже в статистику или куда Вам нужно:
Code
<script src="/jquery.tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#tooltiper a').tooltip({
  track: false,
  delay: 0,
  showURL: false,
  fade: 200
});
});
</script>

$MYINF_1$

Не забываем при этом код информера поменять на свой.

Вот и всё...



Скрипт удачно прошел тест на Firefox 3.6.13, Opera 1062, IE8,Google Chrome и Safari.



Копирование и распространение материала запрещено без указания источника!
Источники: http://hotwarezyour.my1.ru и
http://romale80.ucoz.ru

Читайте наши новости через RSS
Все новости по теме: «Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)» 

Категория: Скрипты | Теги: данные, uCoz, DLE, наведении, аватар, пользователе | Рейтинг: 5.0/2

Новости по теме:


Поделись ссылкой с друзьями: - Ссылка

- BBCode

- HTML

Всего комментариев: 3
1 Palarius   (01.02.11 19:55)
а на какое количество зареганых он разчитан а то есть подобный он показывает до 300 а после не показыват

2 admin   (01.02.11 22:35)
Какое можно максимально поставить,на то и расчитан...Это вопросы уже не ко мне...
Мой только дизайн и оформление информера...

3 Pont   (13.03.11 13:08)
Беру скрипт, поставлю у себя на сайт.

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



Внимание: Все выложенные здесь материалы предоставлены исключительно в целях ознакомления! После ознакомления с материалами Вы обязаны их удалить! Если вы хотите пользоваться данным материалом в дальнейшем – вы должны приобрести лицензию. Не удалив материал после ознакомления, вы берёте на себя ответственность, согласно действующему законодательству. Все авторские и другие права на данные материалы принадлежат их правообладателям. Любое использование данных материалов (в том числе - коммерческое), кроме ознакомления – является незаконным! За последствия, возникшие в процессе ознакомления с материалами этого сайта, равно как и за применение опубликованных программ ответственность несете только Вы сами!
Наш сайт не является инстанцией, однозначно определяющей критерии соответствия ресурсов действующему законодательству , и поэтому не несет никакой ответственности как за содержание материала «Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)» ,так и за содержание других материалов.


Вверх
Авторизация
Гость!



Логин:


Пароль:
Забыл пароль  |  Регистрация
Календарь
«  Январь 2011  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Облако тегов
Для отображения блока требуется Flash Player 10
Показать все теги
СМИ-это интересно
Наша кнопка
Вы можете разместить нашу кнопку у Вас на сайте



Получить код кнопки:

Все рекламные материалы
Стоит взглянуть...
Статистика
тИЦ и PR сайта romale80.ucoz.ru
Онлайн пользователи:
Всего online: 1
Незарегистрированных: 1
Пользователей: 0

Лучшие пользователи:
Приветствуем новичка:

На правах рекламы


Кто на сайте ?
Новое у партнера
Счетчики

Раскрутка сайта - регистрация в каталогах
Рейтинг@Mail.ru


ВНИМАНИЕ!
Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, может использоваться только в ознакомительных целях, после чего вы обязаны ее удалить. Сайт не предоставляет электронные версии произведений и ПО, а занимается индексированием файлов, находящихся в файлообменных сетях. Все права на произведения и ПО принадлежат правообладателям. Ни основатель проекта, ни хостинг-провайдер, не любые другие физические или юридические лица не несут никакой ответственности за использование материалов сайта. Заходя на сайт под своим аккаунтом вы автоматически соглашаетесь с данными условиями.   [Правообладателям]

©2009 - 2019 Saytik+romale80.ucoz.ru