« Красивый информер Zombir для uCoz »

Описание материала:

Новый информер Zombir. Выполнен в красивых светлых тонах. Красивая шапка сайта, которая хорошо подходит для дизайна. Меню, которое легко настраивается и всегда можно его поменять и тоже хорошо сочетается с цветами форума. Информер полезная информация, куда вы можете написать нужную информацию и указать ссылку на форум или тему с нужной вам информацией.
Данный информер показывает:


  • Сколько пользователей все зарегано на сайте вашем.
  • Сколько создано тем на вашем форуме.
  • Сколько проверенных пользователей
  • Сколько пользователей вы забанили на сайте


Теперь перейдем к установке:

1. Там куда вы поставите информер вставляем код:

Код
delay="800">  
  <div class="value">  
  <i class="fa fa-user"></i>  
  <div>$MYINF_2$</div>  
  </div>  
  <div class="label">Пользователей</div>  
  </div>  

  <div class="statistics-grid-item animated fadeIn visible" data-animation="fadeIn" data-animation-delay="1000">  
  <div class="value">  
  <i class="fa fa-comments"></i>  
  <div>$MYINF_3$</div>  
  </div>  
  <div class="label">Сообщений</div>  
  </div>  

  $MYINF_4$  
  </div>  
  </div>  
  </section>  

  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato:300,400,700,900">  
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic&subset=latin,latin-ext,cyrillic">  
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Sans+Caption:regular,italic,bold,bolditalic&subset=latin,latin-ext,cyrillic">  
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic">  
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,100,300,500">  
  <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">


2. В CSS спускаемся в самый низ и туда вставляем код:

Код
/* === MP: Stats === */  
  .mainpage-stats-block {  
background: #fff url(http://zombr.org/public/style_images/bulletin/st-pad.jpg);  
padding: 20px 0;  
text-align: center;  
margin: 0 0 0px;  
  }  

  .mainpage-stats-block .section-title {  
font-size: 22px;  
font-weight: 400;  
text-transform: uppercase;  
font-family: 'Open Sans', sans-serif;  
color: #6f6f6f;  
margin: 0 0 20px 0;  
text-align: center;  
  }  

  .statistics-grid-item {  
display: inline-block;  
width: 24%;  
text-shadow: 1px 1px 1px #fff;  
  }  

  .mainpage-stats-block .value {  
font: normal 23px 'Open Sans', sans-serif;  
color: #94A8BD;  
  }  

  .mainpage-stats-block .value ~ .label {  
color: #696969;  
font: normal 13px 'Open Sans', sans-serif;  
  }  

  .fast-links {  
float: left;  
width: 250px;  
  }  

  .fast-links figure {  
margin: 0;  
height: 86.66px;  
overflow: hidden;  
position: relative;  
  }  

  .fast-links a,  
  .fast-links .overlayed,  
  .fast-links .overlayed span {  
color: #fff;  
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
  }  

  .fast-links .overlayed {  
-webkit-transition: background 200ms ease-in-out;  
-moz-transition: background 200ms ease-in-out;  
-ms-transition: background 200ms ease-in-out;  
-o-transition: background 200ms ease-in-out;  
transition: background 200ms ease-in-out;  
background: rgba(0, 0, 0, .2);  
  }  

  .fast-links .overlayed:hover {  
background: rgba(0, 0, 0, .1);  
  }  

  .fast-links .overlayed span {  
font-family: 'PT Sans Capture', sans-serif;  
font-size: 15px;  
top: 50%;  
margin: -6px 0 0;  
text-align: center;  
text-transform: uppercase;  
text-shadow: 1px 1px 1px #000;  
  }


3. Потом создаем 3 информера с такими параметрами:

3.1
[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код
$ALL_USERS$


3.2
[ Счетчики материалов · Материалы ]

Код
$FORUM_T$


3.3
[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код
<div class="statistics-grid-item animated fadeIn visible" data-animation="fadeIn" data-animation-delay="1200">  
<div class="value">  
<i class="fa fa-gamepad"></i>  
<div>$GROUP_2$</div>  
</div>  
<div class="label">Игроков</div>  
</div>  
<div class="statistics-grid-item animated fadeIn visible" data-animation="fadeIn" data-animation-delay="1400">  
<div class="value">  
<i class="fa fa-ban"></i>  
<div>$GROUP_255$</div>  
</div>  
<div class="label">Банов</div>  
</div>


Находим в коде $MYINF_2$ $MYINF_3$ $MYINF_4$ и заменяем на свои, установка завершена.


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: SarmanovAV | Категория: Информеры для uCoz | Просмотров: 593

Теги к материалу: красивый, для, ucoz, Zombir, информер

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar