Воскресенье, 22.10.2017, 18:42

Меню сайта
Файлы

Скачать Cs 1.6

Скачать моды

Готовые сервера

Скачать Steam

Скачать карты

Модели оружия

Модели игроков

Скачать ботов

Скачать патчи

Плагины Amxx

Скачать античиты

Программы

Скачать логотипы

Скачать меню

Темы меню

Скачать спрайты

Читы для Cs 1.6

Редакторы карт

Руссификаторы

Вейпоинты

Конфиги

Разное

Web скрипты для КС

Winamp скины

HLTV Models

HLDS

Мастерская ; INFO
Создаем сервер
Советы в игре
Создаем лого
Делаем мувик
Устанока плагин
Распрыг в игре
Настройка AMXMod
Полезное для cs 1.6
Сервера cs 1.6
Сайты по cs
FAQ по установки
FAQ (вопрос/ответ)
Мониторинг серверов
Делаем Waypoint'ы
Делаем прицел(zoom)
Делаем демку на HLTV
Изоброжения
S.T.A.L.K.E.R
Counter-Strike
Прикольные
Машинки
Главная » 2013 » Февраль » 8 » Улучшаем функцию Кто Онлайн для uCoz
23:14
Улучшаем функцию Кто Онлайн для uCoz
Улучшаем функцию Кто Онлайн для uCoz. Всем доброго дня, в этом посте мы будем создавать и улучшать внешний вид функции "Кто онлайн" для uCoz, плюс мы добавим путём js отдельный контейнер со списком зарегистрированных пользователей которые побывали на сайте в этот день.

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

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

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

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

Онлайн всего: на Онлайн
Гостей: на Гостей
Пользователей: на Читателей
Шаг 2 - Установим JS:

Главная » Управление дизайном » Редактирование шаблонов

перед закрывающим тегом </body> ставим скрипт.

Код
<script type="text/javascript" src="http://bambun.ru/css_js/kto_online.js"></script>


Шаг 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>  
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <div id="first" class="uzer_online">$ONLINE_USERS_LIST$</div>  
  <div id="second" class="uzer_allist"><img src="http://bambun.ru/images/loading.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;  
}


Примечания:

В данном решении я использовал скрипт Табов и Кто сегодня был, к сожалению автор последнего скрипта мне неизвестен, но если вы знаете его, то сообщите мне об этом ниже в комментариях.

Незабываем активировать на сайте uCoz функцию "Кто Онлайн" в главных настройках Админ панели.

На этом всё, спасибо за внимание!
Просмотров: 53 | Добавил: budyvmaster | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Профиль
Воскресенье
22.10.2017
18:42

Логин:
Пароль:
Поиск
Мини-чат
Календарь
«  Февраль 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728
Статистика
» Зарег. на сайте
Всего: 148
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 0
Модератор форума:
Проверенных: 3
Обычных юзеров: 144
» Из них
Парней: 146
Девушек: 2


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


Пользователи, посетившие
сайт за текущий день :