1. Уважаемый Гость, в связи с нехваткой свободного времени наш форум продается. Форум богат своими плагинами и различными шаблонами как платными, которые трудно где достать бесплатно так и бесплатными. Если Вас заинтересовал форум, то, обращаемся по почте: administrator_ps@rambler.ru.
Скрыть объявление
Мы рады Вас видеть на нашем форуме! Надеюсь тебе у нас понравится и ты станешь вместе с нами активным и постоянным пользователем)

pic - Увеличение внешних изображений + описание изображений 0.0.0.1

Тема в разделе "BB-коды для XenForo", создана пользователем MaxiRubo, 4 июл 2016.

  1. TopicStarter Overlay
    MaxiRubo

    MaxiRubo Команда форума Основатель

    1.469
    2
    1
    pic - Увеличение внешних изображений + описание изображений 0.0.0.1

    BBcode pic изображения при наведении увеличиваются.

    Установить ббкод и в Extra.css добавить
    максимальная ширина 300px

    Код:
    img.bg {
        cursor: pointer;
        max-width: 300px;  // ширина уменьшенного изображения;
           }
    img.bg:hover {
        max-width: none;
           }

    есть возможность добавлять описание



    Код:
    [pic="Описание"]ссылка на изображении[/pic]
    Немного полезного!

    Вопрос: Как сделать увеличение по клику?
    Ответ: заменить :hover на :active

    Вопрос: Как добавить его в панель редактора?
    Ответ: Все изображения и файлы загружайте только на наш сервер!
    По поводу кнопки в редакторе.
    Идём сюда.

    Код:
    /admin.php?bb-codes/
    Открываем на редактирование нужный ББ-код.
    И переходим на вкладку - Расширенные настройки.
    Там прописываем путь до изображения для кнопки в редакторе.

    pic1.jpg

    Результат.

    pic2.jpg
     
Загрузка...
Похожие темы - pic Увеличение внешних
  1. MaxiRubo
    Ответов:
    0
    Просмотров:
    1.036
  2. MaxiRubo
    Ответов:
    0
    Просмотров:
    1.304
  3. MaxiRubo
    Ответов:
    0
    Просмотров:
    3.784