XF 2.1 Меню быстрого доступа

[Andrey Vinolov]

Привет! Создал меню быстрого доступа, через код элемента, с которого копировал. У меня получилось так:


А мне надо так:


Вот код, если пригодится:

<li><a href="ссылка" class="button rippleButton"><span class="button-text">Правила проекта</span><div class="ripple-container"></div></a></li>

Подскажите пожалуйста, как сделать, буду благодарен, т.к по поиску ничего не нашёл, то что мне нужно

 

[Skaiman]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

а искал?

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Andrey Vinolov]

Я пробовал уже, ну вот что получается:

 

[Skaiman]

расширенный режим

 

[Andrey Vinolov]

Тоже пробовал. Вот что получается:


Не то, что нужно мне на скриншоте.

 

[Skaiman]

Создаем HTML виджет

<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>
            <a class="button button--link" href="#">Проблемы с донатом</a>
        </div>
    </div>
</div>

 

[Andrey Vinolov]

А вот уже что-то похожее

 

[Skaiman]

Не добавляй иконку к заголовку

 

[Andrey Vinolov]

Она автоматически добавляется

 

[Skaiman]

<h3 class="block-minorHeader"><xf:fa icon="fa-list-alt" /> Меню быстрого доступа</h3>

<h3 class="block-minorHeader">Меню быстрого доступа</h3>

 

[Skaiman]

Она автоматически добавляется

это в твоем стиле :) она добавляется, там есть настройка для этого, но это другой вопрос и в тему стиля

 

[Andrey Vinolov]

Получилось так:


Чтобы эти таблички сами изменять это надо со значения в цифрах выше работать?

 

[Skaiman]

Чтобы эти таблички сами изменять это надо со значения в цифрах выше работать?

так то надо головой работать и изучать основы html :)

 

[Andrey Vinolov]

Понял)) Спасибо большое за помощь!)