Плавающий редактор при просмотре контента Xenforo 2

darboga

Местный
Сообщения
23
Реакции
1
Баллы
11
Увидел на одном форуме подобную штуку.По умолчанию при просмотре тем,редактор находится в самом низу.Хотел бы сделать,чтобы при просмотре содержимого этот редактор плавал вниз.Возможно ли это реализовать?
 

Вложения

  • Screenshot_1.jpg
    Screenshot_1.jpg
    21.3 КБ · Просмотры: 13
В паблике я еще не видел, но есть бесплатный плагин такой возможно вас устроит.
 
В паблике я еще не видел, но есть бесплатный плагин такой возможно вас устроит.
и это полезно,спасибо.Тут наверное нельзя ссылки,чтобы показать конкретнее что интересует?
 
Да почему можете выложить ссылку возможно вам помогут у кого есть такая возможность.
 
вот что именно хотелось бы реализовать
 

Вложения

  • Анимация.gif
    Анимация.gif
    3.9 МБ · Просмотры: 14
Тут видимо и редактор модифицировали в виде одной строки, с помощью css можно сделать так, но это конечно не как вы хотите но возможно куму то для доработки пригодится:
CSS:
/* Прикрепляем контейнер редактора к низу экрана */
.js-quickReply .block-container {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100; /* выше других элементов */
    background: #fff;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    margin: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    max-width: 100% !important;
    width: 100%;
    overflow: visible;
}

/* Защита от схлопывания — минимальная высота */
.js-quickReply .message--quickReply {
    min-height: 120px;
    border-radius: 8px 8px 0 0;
}
 
Тут видимо и редактор модифицировали в виде одной строки, с помощью css можно сделать так, но это конечно не как вы хотите но возможно куму то для доработки пригодится:
CSS:
/* Прикрепляем контейнер редактора к низу экрана */
.js-quickReply .block-container {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100; /* выше других элементов */
    background: #fff;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    margin: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    max-width: 100% !important;
    width: 100%;
    overflow: visible;
}

/* Защита от схлопывания — минимальная высота */
.js-quickReply .message--quickReply {
    min-height: 120px;
    border-radius: 8px 8px 0 0;
}
Спасибо большое.Постараемся доработать.Главное что начало уже есть)
 
Это может быть и то и другое, возможно даже такое сделано с помощью js.
 
Это может быть и то и другое, возможно даже такое сделано с помощью js.
я же откуда то это ставил, значит должно быть или на компе или на ноуте, но нет нигде ничего подобного, что либо напоминающее липкий быстрый ответ, нет чтоб по русски дописать в названии )
все плагины сайта перелистал, не могу найти, отключать все поочередно - такой себе вариант )
 
1773806746549.png

536.png

Почти доделал редактор ) осталось бб коды подправить
Конфиг штатный, просто переопределяю и регаю свои бб кнопки через конфиг флоры
 
в консоле можно вычислить плагин, покоя мне не дает ) ?
Можно попробовать найти плагин по стилю или классу css если такое есть и применяется к редактору и потом через поиск поискать шаблон с таким классом и соответственно по шаблону будет ясен плагин.
 
1773826590742.png
в этой позиции весь редактор подсвечивается синим

скрин не фиксирует (

держите код )
Код:
/* Закрепление быстрого ответа при прокрутке */
@media (min-width: @xf-responsiveMedium) {
     .js-quickReply {
        position: sticky;
        bottom: 0;
        z-index: 100;
        background: @xf-contentBg;
        border-top: @xf-borderSize solid @xf-borderColor;
        padding: 10px;
    }
}

Посмотреть вложение 2026-03-20_09-49-36.mp4

а если дополнить плагином, то получится так )
Посмотреть вложение 2026-03-20_09-55-52.mp4

[OzzModz] Quick Reply Sticky 2.0.0 Patch Level 1​

 
Последнее редактирование:
Назад
Верх Низ