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

darboga

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

Вложения

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

Вложения

  • Анимация.gif
    Анимация.gif
    3.9 МБ · Просмотры: 9
Тут видимо и редактор модифицировали в виде одной строки, с помощью 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;
}
Спасибо большое.Постараемся доработать.Главное что начало уже есть)
 
Назад
Верх Низ