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

aconite

Проверенный
Регистрация
16.01.23
Сообщения
21
Реакции
0
Баллы
6
Подскажите пожалуйста как сделать меню быстрого доступа с помощью картинок
1673886435426.png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

aconite

Проверенный
Регистрация
16.01.23
Сообщения
21
Реакции
0
Баллы
6
aconite, в теме мануала спрашивать надо, если конечно по нему сделано, а если нет, то код твоего меню дай
HTML:
<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">
        <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>
            <a class="button button--link" href="ссылка">Telegram</a>
            <a class="button button--link" href="ссылка">Вконтакте</a>
        </div>
    </div>
</div>
 
Последнее редактирование модератором:

ernest

Проверенный
Регистрация
14.01.23
Сообщения
11
Реакции
0
Баллы
18
<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">
<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>
<a class="button button--link" href="ссылка">Telegram</a>
<a class="button button--link" href="ссылка">Вконтакте</a>
</div>
</div>
</div>
В теме мануала)
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Как то так:
HTML:
<xf:css>
    .block.quick-access-menu--img .block-row {
        text-align: center
    }
</xf:css>

<div class="block quick-access-menu--img" {{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Меню быстрого доступа</h3>
        <div class="block-body block-row">
            <a href="ссылка"><img src="https://i.imgur.com/XsGh5P3.png"></a>
            <a href="ссылка"><img src="https://i.imgur.com/6KKZ5uw.png"></a>
            <a href="ссылка"><img src="https://i.imgur.com/qRltJur.png"></a>
            <a href="ссылка"><img src="https://i.imgur.com/0KM61eA.png"></a>
            <a href="ссылка"><img src="https://i.imgur.com/CejZiit.png"></a>
            <a href="ссылка"><img src="https://i.imgur.com/fKV4RRq.png"></a>
        </div>
    </div>
</div>
2023-01-17_092522.png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Усли надо, прилагаю PSD
 

Вложения

  • quick-access-menu--img.zip
    1.7 МБ · Просмотры: 8

Похожие темы

Ответы
5
Просмотры
390
Ответы
2
Просмотры
175
Верх Низ