Новинки Хит парадов Rock классика Pop 70-90 Русские Новинки 2014 Зарубежные новинки Клубные новинки Новинки Dubstep Рингтоны Золотые хиты Шансон Relax
| новые песни 2014 года - mp3 новинки | Народный хит парад | Главная | | Регистрация | Вход |Приветствую Вас Гость | RSS
Меню сайта

Мини-чат
200

Статистика

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

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

На этом всё, спасибо за внимание!
Просмотров: 402 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Поиск

Кто на сайте?

Все новые песни
 
Народный Хит парад
Народный Хит онлайн
Народный Хит парад
Григорий Лепс
Народный Хит парад
Таисия Повалий
Народный Хит парад
Стас Михайлов
Народный Хит парад
Народный Хит Парад
Народный хит парад


Календарь
«  Февраль 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728

Друзья сайта
Наши друзья
  • сделать презентацию
  • банкет в Севастополе
  • экскурсии в Париже
  • трансферы в Париже
  • анимационные картинки
  • льготные лекарства
  • новинки рингтоны

  • Архив записей


    Copyright MyCorp © 2024