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



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


Наш опрос
Нужно ли скрывать ссылки для скачивания от гостей нашего сайта?


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


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


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

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

 

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

Автор: admin , Дата: 14.04.11,00:54
Просмотров: 1457



Представляю Вам скрипт "Аватар и данные при наведении на ник для онлайн пользователей  V.3(как на DLE)"
Я уже делал скрипты подобного рода ,но для онлайн статистики еще не делал никогда. И вот сделал,смотрите что получилось...
Что нам нужно для установки скрипта:

1. Как и в предидушем скрипте будем использовать вывеление данных при помощи jquery.tooltip.js.
Скачиваем архив , распаковываем и заливаем содержимое (java скрипт) в корень сайта:

Скачать с сайта: Доступно только для пользователей
Скачать с зеркала

2. Ставим в CSS (таблица стилей Вашего сайта) следуещее:

Code
/* Avatar */
#tooltip {
width: 200px;
position: absolute;
z-index: 1;
border: 1px solid #989790;
background-color: #fff;
font-family: Arial;
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
<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>

Внимание! Если вы уже поставили себе мой пршлый "Аватар и данные о пользователе при наведении на ник V.2 (как на DLE)" скрипт , то пропустите действие 1 , 2 и 3.

4. Заменяем
Code
$ONLINE_USERS_LIST$
на
Code
<div id="tooltiper">
<div id="avat">
$ONLINE_USERS_LIST$
</div>
</div>
<script type="text/javascript">
r=document.getElementById('avat').getElementsByTagName('a');
  for(j=0; j<r.length;j++) {
  r[j].className = ''+r[j].innerHTML+'';
}
</script>

5. Теперь нам нужно откуда-то взять все данные ,которые будут выводиться в подсказке. Для этого создаём информер (информеры)
И вот здесь то большим недостатком становится ограничение колличества выводимых материалов до 300 в информерах сайтов на ucoz...
- Для сайтов с колличеством пользователей до 600 всё очень просто:
 если ползователей до 300 ,создаем информер Пользователи--->Способ сортировки дата регистрации А--->Количество материалов 300;
 если ползователей до 600 ,создаем первый информер Пользователи--->Способ
сортировки дата регистрации А--->Количество материалов 300 и второй информер Пользователи--->Способ
сортировки дата регистрации D--->Количество материалов 300;

- Для сайтов с колличеством пользователей более 600 создаем колличество информеров по своему усмотрению,при этом сортируем пользователей тоже посвоему усмотрению.
Я посоветовал бы так:
- создать информер (информеры) куда вошли бы администраторы,модераторы,журналисты и т.д....все кроме простых пользователей
- создать еще одну группу,назвать её тоже Пользователи и при помощи "Массового переноса пользователей" в админке перенести в неё всех неактивных,к примеру кто посетил последний раз сайт полгода или год назад...туда попадут все "мертвые души"
- а основную оставшуюся группу Пользователей посортировать информерами уже как вам угодно

Может Вы придумаете способ лучшей сортировки.Информеров можно сделать ровно столько,сколько вам позволяет ваш сайт (максимум 30 за исключением тех которые у вас есть)

6. После всего этого в шаблон информера (шаблоны информеров) вставляем следующий код
Code
<script type="text/javascript">
e=document.getElementsByTagName('A');  
for(k=0; k<e.length;k++) {  
if(e[k].className=="$USERNAME$"){  
e[k].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> $REG_DATE$<br><b>Опубликовал новостей:</b> $NEWS_POSTS$ шт.</span>";
e[k].innerHTML = '<font color="blue">
<font color="green">
<font color="yellow">
<font color="red">
<font color="orange">
<font color="gray">
$USERNAME$</font>';  
}}  
</script>
Коды информеров ставим перед </body>(я поставил в нижний контейнер) только не ввиде кода вызова информера,а в виде java скриптов инфориеров для того чтоб в итоге не получить киллометровый код страницы(в админке кликните на название информера и получите код,для тех кто не вкурсе)
Вот впринципе и всё!!!
Да и еще я добавил в скрипт возможность сделать всплывающую подсказку с аватаром и данными для  информера пользователей посетивших сайт сегодня.
Для этого нужно создать информер пользователей посетивших сайт сегодня и вставить в его шаблон код (при условии если вы всё сделали для онлайн статистики)
Code
<a href="$PROFILE_URL$" class="$USERNAME$1">$USERNAME$</a>,
Код информера ставим в таком виде
Code
<div id="tooltiper">Код информера</div>
Успешно протестировано на сайтах автора в браузерах Firefox 4,Opera 10, IE 8,Safari,Google Chrome и Рамблер Нихром

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


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

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

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


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

- BBCode

- HTML

Всего комментариев: 2
1 ashmore   (02.11.11 00:05)
у меня цвета пользователей пропали что делать?

2 admin   (02.11.11 17:26)
А сайт полностью грузится?

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



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


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



Логин:


Пароль:
Забыл пароль  |  Регистрация
Календарь
«  Апрель 2011  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930
Облако тегов
Для отображения блока требуется Flash Player 10
Показать все теги
СМИ-это интересно
Наша кнопка
Вы можете разместить нашу кнопку у Вас на сайте



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

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

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

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


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

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


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

©2009 - 2019 Saytik+romale80.ucoz.ru