[Xenbros] Node list sidebar widget

[Xenbros] Node list sidebar widget 1.3.0

Нет прав для скачивания
CSS:
.categoryList-itemRow
{
  flex-direction: row-reverse;
  padding-left: 12px;
}

.categoryList-toggler
{
  opacity: 0;
  visibility: hidden;
  padding-right: 12px;
  transition: all .2s;
}

.categoryList-itemRow:hover .categoryList-toggler
{
  opacity: 1;
  visibility: visible;
}

p.s паддинги правь под свой стиль, на дефолтном тестил, чтобы не было сильно прижато.
 
взял предыдущий скриншот, подскажите как сделать чтоб можно было открывать еще и форумы как категории, например: основной раздел--торговля--аккаунты ? Создаю подфорум и он не появляется(
 

Вложения

  • Screenshot_1.png
    Screenshot_1.png
    15.7 KB · Просмотры: 34
Можно ли реализовать его по горизонтали ? смотри скриншот
2022-08-02_15-34-48.png
 
Можно ли реализовать его по горизонтали ? смотри скриншот
Посмотреть вложение 140387
если я правильно понял, то вот решение:
переходите сюда /admin.php?widgets/
потом создаете виджет плагина и далее выбираете
Код:
Список разделов: Над узлами
вот так:
1661566806386.png
по итогу получиться как вы и хотели, вот так:
1661566893013.png
 
[XenForo.Info]_[XenForo.Info]_Screenshot_1.png

прошу помочь как добавить сюда иконки?
 
Последнее редактирование:
ребят нету никого кто может помочь с вопросом выше?
 
Как добавить в этот виджет кнопку создать тему?
чтоб было так пример:
[XenForo.Info]_1.png
 
если не трудно скинь пожалуйста готовый пример код для этого а то сколько искал и сам пытался не получается
Плохо искал, раз не можешь создать обычную кнопку и накидать немного CSS.
 
Как добавить в этот виджет кнопку создать тему?
чтоб было так пример:
Посмотреть вложение 145433
насчет этого вопроса нашел ответ:

в шаблоне:

xenbro_node_list_forum_sidebar​

находим:
Код:
<div class="block" data-widget-section="staffMembers"{{ widget_data($widget) }}>
<div class="block-container">

и ниже него добавляем:
Код:
<a href="/forums/-/create-thread" class="button--primary button--createThread button" data-xf-click="overlay"><span class="button-text">
                        Создать тему
                    </span></a>

потом идем в шаблон :

extra.less​

добавляем в него:
Код:
.button.button--primary, a.button.button--primary {
    color: #fff;
    background-color: #6188e3;
    background: #6188e3;
    min-width: 250px;
    justify-content: center;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 8px solid transparent;
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    font-size: 10px;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 16px;
    text-align: center;
}
 
Последнее редактирование:
насчет этого вопроса нашел ответ:

в шаблоне:

xenbro_node_list_forum_sidebar​

находим:
Код:
<div class="block" data-widget-section="staffMembers"{{ widget_data($widget) }}>
<div class="block-container">

и ниже него добавляем:
Код:
<a href="/forums/-/create-thread" class="button--primary button--createThread button" data-xf-click="overlay"><span class="button-text">
                        Создать тему
                    </span></a>

потом идем в шаблон :

extra.less​

добавляем в него:
Код:
.button.button--primary, a.button.button--primary {
    color: #fff;
    background-color: #6188e3;
    background: #6188e3;
    min-width: 250px;
    justify-content: center;
}

.button, a.button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 8px solid transparent;
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    font-size: 10px;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 16px;
    text-align: center;
}
А перезаписывать все классы кнопок на форуме это нормально?
 
Как сделать так, чтобы виджет отображался в боковой верхней части слева?
 
1679701878467-png.146538

как разместить виджет слева ка на фото?
 
1685191177345-png.147452
Как переместить это в вверх только для телефонов?

На пк это отображается так:
1685169758778-png.147446


А на телефоне так:
screenshot_2023-05-26-20-49-01-957-edit_com-android-chrome-jpg.147447
 
Ну это как бы виджет, у меня нет установленного приложение, но предполагаю, что можно сделать так, создать второй виджет этого дополнения, с позицией сверху форума, установить плагин Mobile Detection in Template и в условии отображения указать отображение только для мобил
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу