как это сделать?

DANILKA

Проверенные
Сообщения
124
Решения
1
Реакции
7
Баллы
75
1641226445652.png

как создать такое меню?
 
Код:
<xf:css>
    .block.quick-access-menu .button.button--link {
        display: block;
        min-width: 215px;
        max-width: 300px;
        margin: 5px auto;
    }
    .block.quick-access-menu a.button.button--link {
        color: red;
    } 
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Меню быстрого доступа</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>
            <a class="button button--link" href="#">Проблемы с донатом</a>
        </div>
    </div>
</div>
Виджеты
 
Последнее редактирование:
Less:
<xf:css>
    .block.quick-access-menu .button.button--link {
        display: block;
        min-width: 215px;
        max-width: 300px;
        margin: 5px auto;
    }
    .block.quick-access-menu a.button.button--link {
        color: red;
    } 
</xf:css>

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Меню быстрого доступа</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>
            <a class="button button--link" href="#">Проблемы с донатом</a>
        </div>
    </div>
</div>
extra.less,
ошибка, виджеты
 
c помощью виджета:
/admin.php?widgets/
Добавить виджет > HTML > Заголовок "Меню быстрой навигации" > Ключ виджета bustroe_menu (можно и другое) > Список разделов (Боковая панель) > код:
Код:
<ol class="listPlain quick-access">
       <li><a href="ссылка" class="button rippleButton rippleButton"><span class="button-text">текст</span></a></li>
        <br>  
        <li><a href="ссылка" class="button rippleButton rippleButton"><span class="button-text">текст</span><div class="ripple-container"></div></a></li>
        <br>
        <li><a href="ссылка" class="button rippleButton rippleButton"><span class="button-text">текст</span></a></li>
</li>
</ol>
upd: код виджета можете взять с помощью кода элемента (если хотите точной такой же , как на скрине)
 
6.1. Не создавайте темы с малопонятным содержанием. Темы, озаглавленные "А как так?", "Вопрос от меня", "Завтыкайте фишку", "Нужна помощь!", "Help", "Помогите", "Срочно!", "Журнал ошибки сервера", "Ошибки сервера", будут перемещаться в корзину.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу