Решено Хелп

[dddevokay]

Помогите найти меню быстрого доступа как у проекта

Спойлер

KING RUSSIA

 

[pikamonov]

Создаем виджет в ПУ;
Ключ виджета: любое название
Заголовок: любое название
Позиции для отображения: Список разделов: Боковая панель ставим 1 чтобы было на самом верху.
Условия отображения: оставляем пустое значение
Код:

Спойлер: клик

<xf:css>
.block.quick-access-menu .button.button--link {
display: block;
min-width: 210px;
max-width: 330px;
margin: 13px auto;
padding: 1px 0;
width: 100%;
height: 28px;
border: 1px solid #4d5460;
font-size: 15px;
font-weight: 400;
}
.block.quick-access-menu .block-row :first-child {
margin-top: 0px;
}
.block.quick-access-menu .block-row :last-child {
margin-bottom: 0px;
}
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader"><xf:fa icon="" /> Меню быстрого доступа</h3>
<div class="block-body block-row">
<a class="button button--link" href="ссылка">Правила проекта</a>
<a class="button button--link" href="ссылка">Правила форума</a>
<a class="button button--link" href="ссылка">Жалобы</a>
</div>
</div>
</div>

Включаем: расширенный режим, и радуемся

 

[Sample Text]

Заходим по ссылке: /admin.php?widgets/
Создаем новый виджет.
Определение виджета - HTML
Ключ виджета - любой.
Заголовок - Меню быстрого доступа.
Позиция отображения - Просмотр категории: Боковая панель, Список разделов: Боковая панель (ставим галочки). Порядок отображения 1.
Условия отображения - оставляем пустым.
Шаблон - вставляем код ниже:
Код:

<xf:css>
    .block.quick-access-menu .button.button--link {
        display: block;
        min-width: 230px;
        max-width: 330px;
        margin: 5px auto;
    }
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader"><xf:fa icon="fa-list-alt" /> Меню быстрого доступа</h3>
        <div class="block-body block-row">
            <a class="button button--link" href="#">Правила форума</a>
            <a class="button button--link" href="#">Правила проекта</a>
            <a class="button button--link" href="#">Сервер</a>
        </div>
    </div>
</div>

Где href = "#" в скобочки вставляем ссылку на вашу тему/раздел.
Расширенный режим - ставим галочку.
Сохраняем.

 

[Sample Text]

Создаем виджет в ПУ;
Ключ виджета: любое название
Заголовок: любое название
Позиции для отображения: Список разделов: Боковая панель ставим 1 чтобы было на самом верху.
Условия отображения: оставляем пустое значение
Код:

Спойлер: клик

<xf:css>
.block.quick-access-menu .button.button--link {
display: block;
min-width: 210px;
max-width: 330px;
margin: 13px auto;
padding: 1px 0;
width: 100%;
height: 28px;
border: 1px solid #4d5460;
font-size: 15px;
font-weight: 400;
}
.block.quick-access-menu .block-row :first-child {
margin-top: 0px;
}
.block.quick-access-menu .block-row :last-child {
margin-bottom: 0px;
}
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader"><xf:fa icon="" /> Меню быстрого доступа</h3>
<div class="block-body block-row">
<a class="button button--link" href="ссылка">Правила проекта</a>
<a class="button button--link" href="ссылка">Правила форума</a>
<a class="button button--link" href="ссылка">Жалобы</a>
</div>
</div>
</div>

Включаем: расширенный режим, и радуемся

OFFTOP

Блин. Я не успел...

 

[pikamonov]

OFFTOP

Блин. Я не успел...

OFFTOP

а оффтопить зачем ?

 

[Sample Text]

OFFTOP

а оффтопить зачем ?

OFFTOP

Я забыл изначально сделать оффтопом), я уже исправил

 

[dddevokay]

Создаем виджет в ПУ;
Ключ виджета: любое название
Заголовок: любое название
Позиции для отображения: Список разделов: Боковая панель ставим 1 чтобы было на самом верху.
Условия отображения: оставляем пустое значение
Код:

Спойлер: клик

<xf:css>
.block.quick-access-menu .button.button--link {
display: block;
min-width: 210px;
max-width: 330px;
margin: 13px auto;
padding: 1px 0;
width: 100%;
height: 28px;
border: 1px solid #4d5460;
font-size: 15px;
font-weight: 400;
}
.block.quick-access-menu .block-row :first-child {
margin-top: 0px;
}
.block.quick-access-menu .block-row :last-child {
margin-bottom: 0px;
}
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader"><xf:fa icon="" /> Меню быстрого доступа</h3>
<div class="block-body block-row">
<a class="button button--link" href="ссылка">Правила проекта</a>
<a class="button button--link" href="ссылка">Правила форума</a>
<a class="button button--link" href="ссылка">Жалобы</a>
</div>
</div>
</div>

Включаем: расширенный режим, и радуемся

Спасибо