[Xenbros] Node list sidebar widget 1.3.0

[kolt512]

если не трудно скинь пож. решение

 

[recruty]

.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 паддинги правь под свой стиль, на дефолтном тестил, чтобы не было сильно прижато.

 

[nck-log]

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

 

[evro2015]

Можно ли реализовать его по горизонтали ? смотри скриншот

 

[Fisrob]

Можно ли реализовать его по горизонтали ? смотри скриншот
Посмотреть вложение 140387

если я правильно понял, то вот решение:
переходите сюда /admin.php?widgets/
потом создаете виджет плагина и далее выбираете

Список разделов: Над узлами

вот так:

по итогу получиться как вы и хотели, вот так:

 

[kolt512]

прошу помочь как добавить сюда иконки?

 

[kolt512]

ребят нету никого кто может помочь с вопросом выше?

 

[kolt512]

Как добавить в этот виджет кнопку создать тему?
чтоб было так пример:

 

[recruty]

Как добавить в этот виджет кнопку создать тему?
чтоб было так пример:
Посмотреть вложение 145433

Через модификацию, которая будет применена к шаблону виджета.

 

[kolt512]

Через модификацию, которая будет применена к шаблону виджета.

если не трудно скинь пожалуйста готовый пример код для этого а то сколько искал и сам пытался не получается

 

[recruty]

если не трудно скинь пожалуйста готовый пример код для этого а то сколько искал и сам пытался не получается

Плохо искал, раз не можешь создать обычную кнопку и накидать немного CSS.

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

 

[kolt512]

Как добавить в этот виджет кнопку создать тему?
чтоб было так пример:
Посмотреть вложение 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;
}

 

[recruty]

насчет этого вопроса нашел ответ:

в шаблоне:

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

А перезаписывать все классы кнопок на форуме это нормально?

 

[kolt512]

А перезаписывать все классы кнопок на форуме это нормально?

прошу поправить если что не правильно сделано я просто сделал как смог так как не кодер и не разбираюсь в этом

 

[AztecGUT]

Как сделать так, чтобы виджет отображался в боковой верхней части слева?

 

[Morry]

AztecGUT, Move Sidebar Left

 

[eoy]

как разместить виджет слева ка на фото?

 

[KRAVCHUK]

как разместить виджет слева ка на фото?

Серьёзно? Буквально последний вопрос здесь был такой же на который дали ответ

 

[AztecGUT]

Как переместить это в вверх только для телефонов?

На пк это отображается так:

А на телефоне так:

 

[Skaiman]

Ну это как бы виджет, у меня нет установленного приложение, но предполагаю, что можно сделать так, создать второй виджет этого дополнения, с позицией сверху форума, установить плагин Mobile Detection in Template и в условии отображения указать отображение только для мобил