WEB лаборатория DLE » Дополнения uCoz » uCoz хаки » Улучшаем функцию "кто онлайн" для UCOZ
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

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


    Последние комментарии
    ...
    HI-tech:
    0

    Улучшаем функцию "кто онлайн" для UCOZ

    Автор: Robot_DLElabкатегория: Дополнения uCoz » uCoz хакидата: 21-02-2013, 22:24
    Улучшаем функцию "кто онлайн" для 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://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 функцию "Кто Онлайн" в главных настройках Админ панели.



    Теги: uCoz, хак

    Другие новости по теме:


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