Статистика в новом стиле для сайта uCoz
Данная статистика отличается от других тем, что в нее можно всунуть еще 2 ссылки своих партнеров. Либо 3 ссылки, заменив $COUNTER$ на код баннера ( 88х31 ) вашего партнёра.
Так же её преимуществами является:
1) Легкая установка.
2) Легкое изменение под свой дизайн ( вопросы пишите в комментариях, отвечу всем!)
3) Оригинальность.
4) Компактность.
Этот код вставляем в новый блок либо в место где будет статистика:
Код
<style>
/* Функция Кто Онлайн для uCoz в стиле минимализм FIFAGAMERS.DO.AM
------------------------------------------*/
.statistics-user {
float:left;
width:230px;
padding: 5px 10px;
background: #fff;
border: 1px solid #CAD3DA;
border-radius:5px;
}
.statistics-user-l {
float:left;
width:90px;
}
.statistics-user-l b,
.statistics-user-l div{
float:left;
width:90px;
}
.statistics-user-l b {
padding-bottom: 3px;
border-bottom: 1px solid #CAD3DA;
font-size:14px;
color:#666;
}
.statistics-user-l div{
color:#999;
height:37px;
padding: 3px 0px 0px 37px;
display:block;
background: url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/statistika/602_statistca-ucoz.png) no-repeat;
}
#onl1 {background-position:0px 0px;}
#onl2 {background-position:0px -35px;}
#onl3 {background-position:0px -69px;}
#onl3 b {border-bottom:none }
.statistics-user-r{
float:right;
width:88px;
padding: 5px 0px 0px 7px;
border-left: 1px solid #CAD3DA;
}
.statistics-user-r img{
margin-bottom: 5px;
}
.statistics-user a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);}
</style>
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<div class="statistics-user">
<div class="statistics-user-l">$ONLINE_COUNTER$</div>
<span class="statistics-user-r">
<a href="#"><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/statistika/602_stat-img2.gif" alt="ucoz" /></a>
<a href="#"><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/statistika/602_stat-img2.gif" alt="ucoz" /></a>
$COUNTER$
</span>
</div>
<?endif?>
В самом начале кода вы найдете строчку "width:230px;" отвечающую за ширину самого блока статистики. Так что если вам необходимо как-то изменить ширину, то меняем это значение. Но хочу сразу заметить то, что сделать ширину меньше не получится, если попробовать, то произойдет смещение статистики и баннеров друг на друга.
Но как и из любой ситуации, выход есть!. Изменяем размер шрифта на более мелкий и уменьшаем ширину.
Установка завершена.