Функция Кто Онлайн для uCoz v2
827материалов
228тем на форуме
3004комментария
6158пользователей

Функция Кто Онлайн для uCoz v2


Всем доброго дня, сегодня мы будем улучшать внешний вид функции сайта на uCoz под названием количество пользователей онлайн, благодаря стандартному html-css коду, но для начала как и положено смотрим демо.

Шаг 1 - Активируем нужные функции:

И так для начала идём в Админ панель => Настройки => Общие настройки => Активировать функцию "Кто Онлайн" ставим галочку.

Теперь активируем модуль статистика сайта, опять идём в Админ панель нажимаем на вкладку неактивные и активируем модуль.

Шаг 2 - Установим HTML:
Теперь когда мы активировали нужные нам функции, установим в нужное место вашего сайта следующий html код статистики сайта:

HTML
Код
<?if($COUNTER$ || $ONLINE_COUNTER$)?>  
   <div class="statistics-user">  
   <div class="statistics-user-l">$ONLINE_COUNTER$</div>   
     
   <span class="statistics-user-r">  
   $COUNTER$  
   <a href="#"><img src="http://www.center-dm.ru/ucoz/vid_statistika/2/stat-img2.gif"alt="ucoz" /></a>  
   <a href="#"><img src="http://www.center-dm.ru/ucoz/vid_statistika/2/stat-img2.gif"alt="ucoz" /></a>  
   </span>   
     
   </div>   
<?endif?>


Шаг 3 - Установим CSS:

Ну и под конец нашего решения, давайте установим css стили:

CSS-Code
Код
/* Функция Кто Онлайн для uCoz в стиле минимализм  
------------------------------------------*/  
.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.center-dm.ru/ucoz/vid_statistika/2/statistics-user.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);}

На этом всё, мы закончили установку нашего улучшения внешний вид функции количество пользователей онлайн для сайтов созданных в системе uCoz.

Спасибо за внимание!

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 07.08.2013 в 22:46
Материал просмотрен: 679 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта