Кто не любит больших и напичканных всякими функциями скрипты статистика на сайте. То для вас очень хороший код под любой дизайн кто онлайн сейчас на сайте. Вы будите видеть гостей и пользователей а у пользователей еще логин. Сам по дизайну выполнен просто но очень по характеру работы отлично. Не каких картинок все видно и четко прописано кто сейчас га вашем сайте.
Активируем в панели - в главных настройка "Кто Онлайн"
Давайте с начало пропишем стиль к коду в 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">
[*]<a href="#first">Онлайн</a></li>
[*]<a href="#second">Кто был</a></li>
[/list]
<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>
<!-- /Кто онлайн -->