+

Новый вид функции Кто Онлайн для uCoz

Новый вид функции Кто Онлайн для uCoz
Цена: БЕСПЛАТНО
Просмотров: 1832
Добавлено: 07.08.2013
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: СКАЧАТЬ
Демо: Смотреть
Информация о материале
Всем доброго времени суток. Сегодня мы будем улучшать внешний вид функции Кто Онлайн для uCoz. Делать я это буду благодаря стандартному html-css коду. Советую для начала взглянуть на демо, чтоб понять что да как и нужно ли вам это.

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

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

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

Шаг 2 - Установим 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:
Код
/* Функция Кто Онлайн для 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. На этом все, спасибо за внимание!

Теги: функция Кто Онлайн, вид функции Кто Онлайн, для uCoz, новый вид
Комментарии (0)