регистрация
856материалов
3307комментариев
234темы на форуме
6952пользователя

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

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

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


avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0