| Бармен | Дата: Воскресенье, 28.02.2016, 01:01 | Сообщение # 1 |
 Подполковник
Группа: Военные
Сообщений: 146
Статус:  |
Новый информер 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://j-p-g.net/if/2016/02/27/0342427001456610582.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 дней) ]
3.2
[ Счетчики материалов · Материалы ]
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$ и заменяем на свои, установка завершена.
|
| |
| |
){kind=link}