Улучшаем функцию Кто Онлайн для uCoz


Улучшаем функцию Кто Онлайн для uCoz

6629
9 из 10
Проголосовало: 8




  • Скачать с сервера
  • Скачать
  • Смотреть демо


В этом готовом решении для сайтов на uCoz, мы создадим и улучшим стандартную функцию "Кто онлайн". Также добавлено путём js отдельный контейнер со списком зарегистрированных пользователей которые побывали на сайте в этот день.

Установка:

Шаг 1 - Переименовываем текст в статистике:

Для начала следует изменить стандартные надписи статистики пользователей uCoz на свои, для этого заходим:

в Админ панель => Замена стандартных надписей => Статистика "Кто Онлайн"

и заменяем следующий текст на свой:

Онлайн всего: на Онлайн
Гостей: на Гостей
Пользователей: на Читателей

Шаг 2 - Установим JS:

Теперь заливаем к себе на сайт js файл kto_online и подключаем его вниз страницы, перед закрывающим тегом </body>

Шаг 3 - Установим HTML:

Теперь на страницу сайта устанавливаем следующий html каркас:

Код
<div class="cell_uo">  
  <div class="uzer_info">  
  $ONLINE_COUNTER$  
  <div id="onl4"></div>  
  </div>  

  <!-- Табы -->  
  <div id="tabs_online">  
  <div class="center_dm_uo">  
   
  <ul class="uo_ul">  
  <li><a href="#first">Онлайн</a></li>  
  <li><a href="#second">Кто был</a></li>  
  </ul>  
   
  <div id="first" class="uzer_online">$ONLINE_USERS_LIST$</div>  
  <div id="second" class="uzer_allist"><img src="http://webo4ka.ru/Ucoz7/loading_statistika.gif" class="uzer_loading" border="0" alt="Иконка загрузки" /></div>  
   
  </div>  
  </div>  
  <!-- /Табы -->  

  </div>


Шаг 4 - Установим CSS:

Наше решение почти готово, осталось прописать нужные стили:

Код
/* Статистика пользователей uCoz  
  ------------------------------------------*/  
  .cell_uo {  
  float:left;  
  width:250px;  
  background: #fff;  
  border: 1px solid #CAD3DA;  
  }  

  .uzer_info {  
  float:left;  
  width:250px;  
  margin-bottom: 10px;  
  padding: 5px 0px;  
  background: #F1F3F7;  
  border-bottom: 1px solid #CAD3DA;  
  font:9px Verdana,Arial,Helvetica, sans-serif; text-shadow: 1px 1px 1px #fff;  
  }  

  #onl1,  
  #onl2,  
  #onl3,  
  #onl4,  
  #onl1 b,  
  #onl2 b,  
  #onl3 b,  
  #onl4 b {float:left; width:61px; text-align:center;}  
  #onl2 {border-right: 1px solid #CAD3DA; border-left: 1px solid #CAD3DA;}  
  #onl4 {border-left: 1px solid #CAD3DA;}  

  #tabs_online {text-align:center;}  

  .uo_ul{  
  margin:0;  
  padding:0;  
  list-style:none;  
  }  

  .uo_ul li {  
  display: inline;  
  margin: 0px 5px 0px 5px;  
  }  

  .uo_ul li a {  
  color:#666;  
  font-weight: bold;  
  padding: 5px 10px 5px 10px;  
  text-shadow: 1px 1px 1px #fff;  
  }  

  .uo_ul li a.selected,ul  
  .uo_ul li a.selected:hover,  
  .uo_ul li a:hover {color: #666; background:#F1F3F7;}  
  .uo_ul li a:focus {outline:0;}  

  .uzer_online,  
  .uzer_allist {  
  width:230px;  
  overflow: hidden;  
  text-align:left;  
  margin-top: 10px;  
  padding: 5px 10px 5px 10px;  
  border-top: 1px solid #cecece;  
  font:10px Verdana,Arial,Helvetica, sans-serif;  
  }
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.center-dm.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: