iO Dark Mode

iO Dark Mode 2.3.4.0.0

Нет прав для скачивания
Повторим вопрос, под визуально что понимаете, цветом выделить или ещё что-то?
Больше подробностей, а не строчка которая не несёт смысловой нагрузки.
Допустим мне нужно вывести текст "Меню быстрого доступа", чтобы было так:
1651416073492.png
 
Так это как, Вы даже не понимаете, что Вам нужно.
Если нужен заголовок, это при создании виджета делается, там же его можно включить или отключить, иконку через css можно добавить.
 
Так это как, Вы даже не понимаете, что Вам нужно.
Если нужен заголовок, это при создании виджета делается, там же его можно включить или отключить, иконку через css можно добавить.
Мне нужно чтобы заголовок не входил в виджет
 
Ля, под вывести подразумевается что, убрать, так зайдите в виджет и отключить, снять одну галочку при редактировании виджета.
 
Ах да, наоборот отметить, "Расширенный режим".
Это отключит показ заголовка совсем.
 
Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Когда нормально сформируете вопрос, тогда и ответим, сейчас попрошу никого не помогать данному пользователю.
Так как брать и копировать другой форум все мастера, а нормально вопросы задавать нет.
Да и скрин настроек всего виджета, раз часть смогли показать.
 
Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Когда нормально сформируете вопрос, тогда и ответим, сейчас попрошу никого не помогать данному пользователю.
Так как брать и копировать другой форум все мастера, а нормально вопросы задавать нет.
Снимок веб-страницы_1-5-2022_22447_ws22102.freecastle.site.jpegСнимок веб-страницы_1-5-2022_22548_forum.arizona-rp.com.jpeg тут видно, что заголовок "меню быстрого доступа" не вливается в блок виджета

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>
        </div>
    </div>
</div>
 
Последнее редактирование:
Будьте любезны.
1651418273678.png


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>
        </div>
    </div>
</div>
 
Он то входит, но просто при создании использовались стандартные классы, которые чуть и вводят в заблуждение, если сделать так, то будет в общем стиле как у Вас на форуме все виджеты.
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) }}>
        <a class="button button--link" href="#">Правила проекта</a>
        <a class="button button--link" href="#">Правила форума</a>
        <a class="button button--link" href="#">Раздел жалоб</a>
</div>
1651419143909.png
Но, всё равно эта реализация меню такая себе, есть на форуме готовое дополнение, им бы и реализовали.
 
в настройках стиля, Node icons
 
Можете подсказать плагин для смены иконок 8GkAE6lrvHOSMocaQ4Hrj1vxMWbqSEuQ24HDcEjugYtKqJPYgBhyxbBHGeBDEa_0iqmZkJeV-ZcDqbMulAQ37kF4.jpg
 
dimka_has13, да уже вроде все подсказки дали, что бы была та иконка, надо сначала в настройках стиля, Icon font, установить Material Outline, затем в настройках стиля, Node icons, Forum icon, написать \F036A, иконки Material, здесь:
 
dimka_has13, на одной из 65 страниц данной темы находится Ваш ответ. Не поленитесь и поищите, отпадут сразу ВСЕ вопросы.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу