регистрация

Функция Кто Онлайн для 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
Материал просмотрен: 841 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

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

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


avatar
Управляй сайтом с android
Создать сайт вместе с uKit.com
Статистики нашего сайта