Скрипт пользователь онлайн
Кто не любит больших и напичканных всякими функциями скрипты статистика на сайте. То для вас очень хороший код под любой дизайн кто онлайн сейчас на сайте. Вы будите видеть гостей и пользователей а у пользователей еще логин. Сам по дизайну выполнен просто но очень по характеру работы отлично. Не каких картинок все видно и четко прописано кто сейчас га вашем сайте. Установка: Активируем в панели - в главных настройка "Кто Онлайн" Давайте с начало пропишем стиль к коду в CSS Код /* Статистика пользователей uCoz ------------------------------------------*/ .cell_uo { float:left; width:225px; background: #fff; border: 1px solid #CAD3DA; } .uzer_info { float:left; width:225px; 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:72px; 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 { 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; } Ну а теперь код html прописываем в блог вашего сайта. Код <!-- Кто онлайн --> <div class="cell_uo"> <div class="uzer_info">$ONLINE_COUNTER$</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="/demo/js/kto_online.js"></script> <div id="first" class="uzer_online">$ONLINE_USERS_LIST$</div> <div id="second" class="uzer_allist"></div> </div> </div> </div> <!-- /Кто онлайн --> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |