Работа с изображениями на форуме | фотографии, скриншоты, картинки



Реп: (0)
  • Работа с вложениями на компьютереˇ
    • Как загрузить файлы на форум (изображения, архивы и пр.)
      Фотоинструкция
      • В форме ответа жмем на "Прикрепить"
        Прикрепленное изображение

        Появится панель загрузки файлов
        Прикрепленное изображение

      • Выделяем файлы на компьютере, которые хотим загрузить
        Прикрепленное изображение
      • Перетаскиваем файлы на панель загрузки файлов
        Прикрепленное изображение


      Анимационная инструкция
      Прикрепленное изображение

      (нажмите на изображение, чтобы просмотреть анимацию)

    • Работа с загруженными файлами
      • Как вставить загруженные файлы в определенное место сообщения
        Фотоинструкция
        • Ставим курсор мыши на то место в сообщении, куда хотим вставить файл
          Прикрепленное изображение

        • Жмем на кнопку "+" на панели инструментов
          Прикрепленное изображение

        • В итоге файл вставится в указанное нами место:
          Прикрепленное изображение


        Анимационная инструкция
        Прикрепленное изображение

        (нажмите на изображение, чтобы просмотреть анимацию)

      • Если вы не видите, куда вставился ваш файл, нажмите на кнопку лупы:
        Прикрепленное изображение

        (нажмите на изображение, чтобы просмотреть анимацию)

      • Чтобы удалить файл, нажмите на кнопку корзины:
        Прикрепленное изображение


    • Как убирать материал под спойлер (сделать текст сворачиваемым)
      Как создать спойлер на компьютере
      1. Выделите материал, который хотите добавить в спойлер
        Прикрепленное изображение

      2. Нажмите на иконку спойлера в панели инструментов:
        Прикрепленное изображение

        Где
        • Прикрепленное изображение - сделать текст сворачиваемым (спойлер без заголовка)
        • Прикрепленное изображение - сделать текст сворачиваемым и добавить заголовок (спойлер с заголовком)
      3. В итоге в зависимости от того, какую кнопку нажали, к выделенному вами ранее материалу добавится код:
        • [spoiler] - в начале
          [/spoiler] - в конце
          Прикрепленное изображение

          Или
        • [spoiler=НАЗВАНИЕ ЗАГОЛОВКА] - в начале
          [/spoiler] - в конце
          Прикрепленное изображение


      4. Жмете кнопку "Отправить" сообщение - если сообщение новое, "Отредактировать сообщение" - если редактировали существующее сообщение.
        Получаем результат:
        Прикрепленное изображение


  • Работа с вложениями в официальном клиенте ˇ
    Инструкция
    Находясь в окне редактора, нажимаем скрепку
    Прикрепленное изображение

    В появившемся окне жмём иконку добавления аттачей
    Прикрепленное изображение

    Появится системное окно, в котором мы выбираем через что и какой файл хотим загрузить на форум. После выбора файла в окне аттачей появится файл. Процесс загрузки отображается полосой под файлом.
    После того, как наша картинка загрузилась её нужно «выложить» в пост.

    Вариант первый:
    Делаем тап по файлу в окне аттачей
    Прикрепленное изображение

    Файл появится в поле редактора сообщения. Для того, чтоб наше изображение было в спойлере, мы прокручиваем панель bb-кодов до иконки плюса

    (панель bb-кодов скроллится по горизонтали)

    и нажимаем на него. Аттач при этом должен быть выделенным
    Прикрепленное изображение

    После тапа на плюс, с обеих сторон от выделенного аттача появляются коды спойлера
    Прикрепленное изображение

    Всё. Можно отправлять сообщение. Изображение будет под спойлером.

    Вариант второй:
    Сразу нажать на пиктограмму спойлера. Курсор уже будет внутри кода. Далее останется только нажимать на скрепку и вставлять аттачи.

  • Примечание: если прикрепить изображение и не добавлять код [attachment="Название_картинки.jpg"] в сообщение, изображение будет автоматически убрано в спойлер "Прикрепленные изображения"
    • Пишем сообщение
    • Загружаем фотографию
      Прикрепленное изображение

    • Жмем кнопку "Отправить" и видим, что в отправленном сообщении спойлер создался автоматически
      Прикрепленное изображение


Потренироваться можно в теме Пробуем загружать файлы и картинки на форум



Реп: (553)
Альтернативная инструкция Как убирать изображения под спойлер
Краткий урок "Как убирать изображения под спойлер".

Наверняка Вы не раз сталкивались с требованиями правил некоторых разделов прятать изображения под спойлер. Но как это делать?
Ниже я постараюсь подробно рассказать об этом.

Итак, Вы, изменили размеры изображений, которые хотите добавить к сообщению. А что дальше?
1. А дальше нажимаете кнопку "Ответить".
Прикрепленное изображение
Вводите текст сообщения.
2. Дойдя до того места текста, где планируется вставка изображения, нажимаете "Выбрать файлы".
Прикрепленное изображение
3. Выбираете нужное изображение и нажимаете "Открыть".
Прикрепленное изображение

4. Вы вернетесь в окно браузера.
5. Нажмите "Загрузить".
Прикрепленное изображение
6. После того, как файл загрузится, он добавится в окошко "Управление текущими файлами".
Прикрепленное изображение
7. В поле ввода текста нажмите "ENTER", курсор перейдет на новую строку.
Прикрепленное изображение

8. Далее, согласно следующему рисунку:
Прикрепленное изображение

9. Файл успешно добавился к сообщению:
Прикрепленное изображение
Если Вам надо добавить еще фотографию, повторите шаги со 2. по 9. После каждого добавленного файла обязательно снимите с него выделение, кликнув мышкой правее закрывающейся квадратной скобки
(вот такой ] )!

Прикрепленное изображение
10. Выделите файл (файлы) и нажмите кнопку "Сделать текст сворачиваемым".
Прикрепленное изображение

11. Вы увидите, что до и после Ваших файлов добавились теги "Spoiler".
Прикрепленное изображение

12. Нажимаем "Отправить", результат- Ваше изображение под спойлером!
Прикрепленное изображение


Благодаря нашим админам упростилась задача создания именованных спойлеров, т.к. добавилась еще одна кнопка:
Прикрепленное изображение

Процесс создания именованных спойлеров отличается только с 10-го шага.
Итак:
10. Зажав левую кнопку мыши, выделяете файлы и нажимаете кнопку "Сделать текст сворачиваемым и добавить заголовок".
Прикрепленное изображение

11. Вводите имя спойлера (Например "Фото")
Прикрепленное изображение
и нажимаете "ОК".
Прикрепленное изображение
12. Нажимаете "Отправить" и смотрите результат- Ваши файлы под именованным спойлером.
Прикрепленное изображение



P.S. При публикации изображений с мобильной версии форума, теги придется прописывать вручную до прикрепленного изображения
[spoiler]
после
[/spoiler]
в итоге спойлер с прикрепленным изображением будет выглядеть так:
[SPOILER][attachment=имя Вашего файла.jpg][/SPOILER]


P.P.S.
Теги регистронезависимы, т.е. нет разницы, написали вы
[spoiler]
или
[SPOILER]
, однако, и до и после вставленного изображения, теги должы быть прописаны в одном регистре! Т.е. либо
[spoiler]изображение[/spoiler]
, либо
[SPOILER]изображение[/SPOILER]

Как прятать изображения под спойлер в мобильной версии сайта (старая неактуальная версия)
Мобильная версия имеет ограниченный набор кнопок bb-кодов. Так как же всё-таки сделать текст сворачиваемым?
Метод неплохо описан в самом конце предыдущего спойлера. Я же хочу добавить, как пользоваться самой кнопкой в редакторе.
Прикрепленное изображение

Итак:
- загружаем картинку;
Прикрепленное изображение

- жмем кнопку "Спойлер" и видим, что появляется открывающий тег;
Прикрепленное изображение

- далее жмем "добавить аттач", чтоб добавить код картинки в поле ввода;
Прикрепленное изображение
Прикрепленное изображение

- жмём еще раз на кнопку "Спойлер" и видим, что появился закрывающий тег.
Прикрепленное изображение

На этом всё - наша картинка стала сворачиваемой.

Автор инструкции Abbat1985
Как прятать изображения под спойлер в мобильной версии сайта (актуальная версия)
Мобильная версия имеет ограниченный набор кнопок bb-кодов. Так как же всё-таки сделать текст сворачиваемым?
Метод неплохо описан в самом конце предыдущего спойлера. Я же хочу добавить, как пользоваться самой кнопкой в редакторе.
Прикрепленное изображение

Выбираем файл
Прикрепленное изображение

После загрузки файл появляется в списке вложением. Выбираем место в кода для вставки и жмем на "+", после чего он вставляется сразу выделенным тектовым кодом. Оставляем в таком виде и переходим к следующей картинке.
Прикрепленное изображение

Нажимаем на кнопку spoiler. В выделенный фрагмент кода автоматически ставится открывающий и закрывающий теги спойлера.
Прикрепленное изображение



Полная версия   Текстовая версия

Помощь   Правила

Сейчас: 29.03.24, 08:53