Как загрузить и красиво разместить изображение на форуме? :: Документация по форуму :: SpaceSynth.Ru
     
System language:   ENG | RUS    

Как загрузить и красиво разместить изображение на форуме?
Инструкции с примерами

Различные мануалы, инструкции, видео и прочая документация по работе сайта.



#1 ]   30 мар 2018, 20:29


Для размещения изображений на форуме есть специальный тег [img]. Кнопка находится здесь:

Изображение

Кликните на неё и перед вами откроется инструмент, который поможет вам вставить картинку в сообщение. Для этого необходимо ввести прямую ссылку на ваше изображение, затем выбрать как вы хотите его расположить, а потом добавить код в сообщение:

Изображение

Где взять прямую ссылку на изображение?

Способ 1 (самый простой, но ненадёжный)
Вы можете скопировать ссылку на изображение практически с любого сайта при помощи браузера. Кликните на нужное изображение правой кнопкой мыши и скопируйте ссылку. Показано на примере браузера Google Chrome:

Изображение

Огромный минус этого метода в том, что мы не знаем сколько эта картинка будет храниться на том сайте, откуда мы её копируем. В любой момент изображение оттуда может быть удалено его владельцем, следовательно, она перестанет отображаться и в вашем сообщении на форуме. Кроме того, многие сайты блокирует показ своих изображений на других ресурсах.

Способ 2 (сложнее, но чуть надёжнее)
В интернете существует множество различных хостингов картинок, которые позволяют загружать к себе ваши изображения и предоставляют прямые ссылки на них специально для последующего размещения на форумах, блогах и т.д.
Минус этого метода в том, что подобные сервисы, как правило, тоже удаляют ваши изображения спустя какое-то время, если их никто не просматривает в течение определённого периода. Кроме того, их сервера зачастую подтормаживают, что приведёт к медленной загрузки и вашего поста на форуме. Ну и опять же, мы не уверены в том, что выбранный вами хостинг изображений не прекратит свою работу через пол года, что приведёт к удалению всех загруженных туда файлов.
Я специально не публикую здесь адреса этих ресурсов, поскольку хочу, чтобы вы всё-таки использовали следующий способ.

Способ 3 (самый надёжный и не сложный)
Загрузите ваше изображение к нам на сайт и скопируйте прямую ссылку на него! Всё очень просто! При размещении сообщения, внизу, вы найдёте вкладку "Добавить вложение". Вот туда и нужно прикреплять вашу картинку:

Изображение

После загрузки вы увидите ваше вложение в графе "Загруженные вложения". Теперь просто скопируйте ссылку на него с помощью браузера. Показано на примере Google Chrome:

Изображение Изображение

Ну вот и всё, ссылка получена!


Позиционирование изображения

Как уже было сказано, помимо добавления прямой ссылки на изображение вам нужно также выбрать как вы хотите его расположить в тексте.

Изображение

Примеры расположения:

- По умолчанию
Изображение
По умолчанию ваша картинка выровнена по левому краю, а текст находится ниже. Если вам удобнее писать код вручную, то используйте [img]ссылка[/img]


- Слева
Изображение
Ваша картинка выровнена по левому краю, а текст находится ниже. Если вам удобнее писать код вручную, то используйте [img=left]ссылка[/img]


- Справа
Изображение

Ваша картинка выровнена по правому краю, а текст находится ниже. Если вам удобнее писать код вручную, то используйте [img=right]ссылка[/img]


- По центру
Изображение

Ваша картинка выровнена по центру, а текст находится ниже. Если вам удобнее писать код вручную, то используйте [img=center]ссылка[/img]


- Слева от текста
Изображение

Ваша картинка выровнена по левому краю, а текст обтекает её справа. Если вам удобнее писать код вручную, то используйте [img=float-left]ссылка[/img]


- Справа от текста
Изображение

Ваша картинка выровнена по правому краю, а текст обтекает её слева. Если вам удобнее писать код вручную, то используйте [img=float-right]ссылка[/img]


В чём разница между "По умолчанию" и "Слева"? По сути ни в чём. Разница будет заметна только если вы решите разместить несколько изображений.

Если выбрать "По умолчанию", то будет так:

Если выбрать "Слева", то будет так:



Вставка миниатюрных изображений

Чтобы сообщения не выглядели громоздкими, скрипт нашего форума уменьшает все размещённые картинки по ширине до 350 пикселей, высота соответственно уменьшается пропорционально. Если необходимо увеличить изображение, то достаточно кликнуть на него. Вы можете наблюдать работу этого замечательного скрипта прямо сейчас, читая эту тему.
Однако, может случиться так, что изображений много (к примеру, обложки альбома) и в сообщение нужно вставить совсем мелкие миниатюры. В таком случае есть два способа как это можно сделать.

Способ 1
Используйте вместо кнопки [img] кнопку [thumbnail]. Она находится здесь:

Изображение

Она абсолютно идентична кнопке [img] и работает по тем же правилам, которые описаны выше. Единственное отличие в том, что изображение будет уменьшено не до 350 пикселей по ширине, а уже до 200 пикселей. Для просмотра версии в полном разрешении пользователю нужно будет кликнуть по миниатюре.

Способ 2
Используйте опцию "Вставить в текст сообщения", которая доступна рядом с вашим загруженным файлом:

Изображение

Изображение будет прикреплено к сообщению как вложение. Выглядит это так:

Изображение

После отправки сообщения оно будет отображаться как миниатюра.

Важно!
При использовании этого метода, у многих пользователей возникает ряд проблем.

1. Изображения съезжают
Изображение

Решение:
Не ставьте перенос строки между вставленными файлами. Используйте вместо этого пробел:
Изображение

2. Текст не переносится на следующую строку
Изображение

Решение:
Сделайте несколько переносов строки после ваших картинок или же просто вставьте горизонтальную линию.
Изображение Изображение




Остались вопросы? Не стесняйтесь - задавайте.
Изображение



За это сообщение автора dimassamid поблагодарил:
Faero (31 мар 2018, 14:49)
dimassamid

Аватара пользователя

Space Admiral
Space Admiral
 
Сообщения: 1442
Стаж: 3 года 11 месяцев 6 дней
Откуда: Эстония, Таллин
Благодарил: 777 раз.
Поблагодарили: 2584 раз.
Estonia [Эстония] (ee)

Вернуться в Документация по форуму



  • Вы не можете начинать темы
    Вы не можете отвечать на сообщения
    Вы не можете редактировать свои сообщения
    Вы не можете удалять свои сообщения
    Вы не можете добавлять вложения
  • Кто сейчас на сайте

    Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0