Мануал Легенда групп [v2]

#Rips

#Rips

Эксперт
Пользователь
Регистрация
16 Дек 2015
Сообщения
1,737
Лучшие ответы
0
Репутация
499
Автор: Cheezels

Заходим в Админ Центр - Внешний вид - Редактирование шаблона - globalTemplate, и вставляем после "<!DOCTYPE html>":

PHP: 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
Теперь заходим в Админ Центр - Внешний вид - Редактирование шаблона - boardIndexTemplate, и вставляем в самый низ этот код:

PHP: 
<div id="board_statistics" class="legends clearfix">
<h4 class="statistics_head">Легенда Групп</h4>
<ul>
<li><a href="/index.php?app=members&section=view&module=list&filter=4">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: maroon; border-radius: 2px; margin-right: 3px;"><i class="fa fa-adn"></i>&nbspАдминистраторы</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=9">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: #16a085; border-radius: 2px; margin-right: 3px;"><i class="fa fa-code"></i>&nbspДизайнеры</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=6">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: #34729B; border-radius: 2px; margin-right: 3px;"><i class="fa fa-get-pocket"></i>&nbspМодераторы</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=7">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: #F53859; border-radius: 2px; margin-right: 3px;"><i class="fa fa-star-o"></i></i>&nbspДевушки</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=8">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: purple; border-radius: 2px; margin-right: 3px;"><i class="fa fa-check-circle-o"></i>&nbspАктивные</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=3">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: green; border-radius: 2px; margin-right: 3px;"><i class="fa fa-users"></i>&nbspПользователи</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=1">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: rgba(0, 86, 0, 0.72); border-radius: 2px; margin-right: 3px;"><i class="fa fa-clock-o"></i>&nbspНеактивированные</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=2">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: grey; border-radius: 2px; margin-right: 3px;"><i class="fa fa-globe"></i>&nbspГости</span></a>

<a href="/index.php?app=members&section=view&module=list&filter=5">
<span style="font-weight:bold; display: inline-block; color: #fff; padding: 5px 5px; background: black; border-radius: 2px; margin-right: 3px;"><i class="fa fa-ban"></i>&nbspЗаблокированные</span></a></li>
</ul></div>
Далее нужно поменять ID групп в ссылках.
Посмотреть IP можно в Админ Центре - Пользователи - Группы - Управление группами.

Теперь переходим в Админ Центр - Внешний вид - Редактирование шаблона - CSS - ipb_styles.css, заменяем:

PHP: 
.statistics {
	margin: 20px 0 0 0;
	padding: 10px 0;
	border-top: 3px solid #d8d8d8;
	line-height: 1.3;
	overflow: hidden;
}
На:

PHP: 
.statistics_head {
font-weight: bold;
font-size: 14px;
color: #333232;
padding: 10px 10px 15px 5px;
margin: -10px -10px 10px;
font-family: 'Play',sans-serif;
text-transform: uppercase;
background: url({style_images_url}/b.png) repeat-x bottom left;
}

.legends {
    padding: 2%;
    line-height: 1.3;
    margin-top: 20px;
    border-bottom: 3px solid #e9e9e9;
    border-top: 3px solid #e9e9e9;
    background: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
}
Последний шаг, добавляем данную картинку в директорию изображений вашего шаблона: b.png.d0a833b83510625add992ca65e866987.p
Спасибо за внимание, надеюсь данный элемент вам понадобился.
 
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу