Главная | Регистрация | Вход | Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Прицелы [20]
Модели игроков [4]
Темы меню для CS [8]
counter strike 1.6 [2]
Кровь [1]
Готовые сервера [0]
Программы [8]
Античиты [1]
Конфиги [0]
Установочник [0]
Читы [1]
Спрайты [0]
Модели оружия [9]
Плагины [8]
Лого [16]
Взрывы [14]
Карты [11]
Пулевые отверстия [5]
Выстрелы [9]
Боты [3]
Радары [13]
Патчи для CS 1.6 [2]
Иконки Радио для CS 1.6 [2]
Мастерская
Создание серверов [1]
Редактирование плагенов [0]
Музыка на тему CS (mp3) [0]
Делаем цветное лого [1]
Делаем фон консоли [1]
Делаем фон меню CS [0]
Делаем Waypoint'ы [0]
Делаем прицел(zoom) [0]
Меняем цвет прицела [0]
ЧАТ
Сейчас на сайте
Нашь Опрос
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Февраль » 13 » Улучшаем функцию Кто Онлайн для uCoz
14:58
Улучшаем функцию Кто Онлайн для 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 функцию "Кто Онлайн" в главных настройках Админ панели.

На этом всё, спасибо за внимание!
Просмотров: 253 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Мини профиль

Гость !



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Топ пользователей

-=PITBULL=-
Файлов:
137

gori4
Файлов:
3

Grom
Файлов:
1

SteF
Файлов:
1

clan^ua^=cyber=
Файлов:
0

Fogeim
Файлов:
0

Snikers)))
Файлов:
0

bananchik
Файлов:
0

Tuxuu
Файлов:
0

IIIYT
Файлов:
0

bobrik123
Файлов:
0

ризван
Файлов:
0
Блок софт
Форма входа
Статистика сайта
Зарег. на сайте

Всего: 78
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0


Статистика материалов

Новостей: 33
Файлов: 140
Статей: 2
Фото: 16
Форум: 77/97
Коментариев: 3


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

[ Кто нас сегодня посетил ]

Софт и юмор | Шаблоны для ucoz -