Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Февраль » 8 » Улучшаем функцию Кто Онлайн для uCoz
23:44
Улучшаем функцию Кто Онлайн для 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 функцию "Кто Онлайн" в главных настройках Админ панели. На этом всё, спасибо за внимание!
Категория: Всё для uCoz |
Просмотров: 764 |
Добавил: startsmart
| Рейтинг: 0.0 /0
$$$ для web-мастеров
Прим.-Ахтарск в сети Интернет
Частный отдых в Приморско-Ахтарске
Гостевой дом "НикА"
Гостевой дом
Адрес: Приморско-Ахтарск, ул. Октябрьская, д. 34
Гостевой дом
Адрес: Приморско-Ахтарск, ул. Мира, д. 79
ЧП Авдюхин А.А.
Адрес: Приморско-Ахтарск, ул. Крамаренко, 66
ЧП Антонова Н.Д.
Адрес: Приморско-Ахтарск, ул. Мира, 125
ЧП Ахметзянова Н.В.
Адрес: Приморско-Ахтарск, ул. Октябрьская, 16
ЧП Ащина Н.Н.
Адрес: Приморско-Ахтарск, ул. Космонавтов, 10 кв. 8
ЧП Бакунцева Р.И.
Адрес: Приморско-Ахтарск, ул. Буденного, 4/2
ЧП Балахон О.П.
Адрес: Приморско-Ахтарск, ул. Мира, 62
ЧП Бикметова И.Д.
Адрес: Приморско-Ахтарск, ул. Островского, 62
ЧП Бирюков Б.П.
Адрес: Приморско-Ахтарск, ул. Братская, 140
ЧП Бобкова Е.К.
Адрес: Приморско-Ахтарк, ул. Мира, 58
ЧП Бондарь А.В.
Адрес: Приморско-Ахтарск, ул. Железнодорожная, 159/4
ЧП Бучникова Л.Д.
Адрес: Приморско-Ахтарск, ул. Бр. Кошевых, 15, кв. 37
ЧП Васильева Л.В.
Адрес: Приморско-Ахтарск, ул. Островского, 56
ЧП Величко Л.П.
Адрес: Приморско-Ахтарск, ул. Крамаренко, 47
ЧП Верещагин В.В.
Адрес: Приморско-Ахтарск, ул. Горшковой, 26
ЧП Власенко В.В.
Адрес: Приморско-Ахтарск, Пролетарская, 42
ЧП Волкова В.В.
Адрес: Приморско-Ахтарск, ул. Пролетарская, 40
ЧП Герман В.Ф.
Адрес: Приморско-Ахтарск, ул. Мира, 54