Регистрация    Войти
Авторизация

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

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

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

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

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

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

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

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

Теперь заливаем к себе на сайт js файл kto_online и подключаем его вниз страницы, перед закрывающим тегом
Шаг 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://www.center-dm.ru/ucoz/vid_statistika/1/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 функцию "Кто Онлайн" в главных настройках Админ панели.

Скачать:
Внимание! У вас нет прав для просмотра скрытого текста.


На этом всё, спасибо за внимание!

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  14-01-2013, 13:19   Просмотров: 3137   

Источник новости: center-dm.ru

Кто Онлайн, Кто Онлайн ucoz, Кто Онлайн для uCoz, Онлайн для uCoz, Онлайн
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline mNc 14 января 2013 15:46
не чего не понял

          1
Пользователь offline chestr 14 января 2013 16:00
Цитата: mNc
не чего не понял

что непонятного то все подробно описанно

          2
Пользователь offline Mixtape 14 января 2013 20:14
chestr,
fgfdg

          3
Пользователь offline shahboz 16 января 2013 09:00
Не работают кнопки Не отображет кто был вот сылка http://mtr-clan-kz.ucoz.net

          4
Пользователь offline shahboz 16 января 2013 09:05
Шаг 2 - Установим JS:

Теперь заливаем к себе на сайт js файл kto_online<<<ТУТ Я уже Залил

и подключаем его вниз страницы, перед закрывающим тегом<<<КАК подключить? Заранее Спасибо!!!

          5

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.