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

[aconite]

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

 

[ernest]

background-image | htmlbook.ru

htmlbook.ru

 

[Skaiman]

aconite, в теме мануала спрашивать надо, если конечно по нему сделано, а если нет, то код твоего меню дай

Мануал - Виджет меню быстрого доступа - Авторская зона xenforo 2 Skaiman

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

svgzone.su

 

[Skaiman]

ernest, нет, скорее не так

 

[aconite]

aconite, в теме мануала спрашивать надо, если конечно по нему сделано, а если нет, то код твоего меню дай

Мануал - Виджет меню быстрого доступа - Авторская зона xenforo 2 Skaiman

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

svgzone.su

<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]

<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]

Как то так:

<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>

 

[Skaiman]

Усли надо, прилагаю PSD

 

[aconite]

ОТ ДУШИ СПАСИБО!