... по картинкам

Аватара пользователя
LyapaDara
Сообщения: 1177
Зарегистрирован: 12 июн 2015, 20:53
Контактная информация:

... по картинкам

Сообщение LyapaDara » 09 июл 2015, 16:50 #1

На данном форуме не предусмотрена возможность загрузки картинок.
Пользуйтесь сторонними сервисами (фотохостингами) и тегами img.
В сети полно инструкций на эту тему, а на ютубе это показано наглядно тысячей роликов.

Не актуально. Возможность загружать картинки теперь имеется.
Одна просьба - выкладывайте минимальное количество, только для анонса, а для просмотра остального оставляйте ссылку на альбом.

Яндекс-фото к огромному сожалению многих людей прекратил своё существование.
Но инструкция всё равно актуальна.
Она показывает ПРИНЦИП.


Инструкция по вставке и отображению картинок на форуме на примере яндекс-фото.
В принципе данная инструкция работает на всех форумах, за исключением тех, где это прямо запрещено администрацией. Например на бритва.ру тэги img запрещены. А на той же ганзе можно спокойно пользоваться. Единственное, что на ганзе нужно будет сделать, убрать все литеры "s" из адресов. То есть, что бы вместо https было http. Это связано с особенностями движка. Старый он.

Начнём.

==========
Смысл в том, что надо адрес картинки вставить между тегами img.
Изображение
Первый тэг (слева) называется открывающим, второй закрывающим. У второго тэга обязательно присутствует наклонная черта (слэш). И касается это не только img-ов, но вообще всех тэгов. Все ВВ-коды работают по принципу матрёшки. То есть одни тэги вставляются внутрь других. Главное не путать соответствие открывающих и закрывающих.

Схематично это выглядит вот так

Изображение

Изображение


В готовом виде вот так

Код: Выделить всё

[img][u][i][b][quote]текст[/quote][/b][/i][/u][/img]


Что такое BBCode, тэги и для чего они нужны можно почитать по ссылке
https://ru.wikipedia.org/wiki/BBCode

или по этой
http://rockby.net/faq.php?mode=bbcode

Либо вбейте в поиск и найдите ещё 100500 инструкций на эту тему.
==========


Первое, что нужно сделать - залить картинки на фотохостинг. Пожалуйста, не путайте с хранилищем. То есть нужно (например) пользоваться яндекс-фото, а не яндекс-диск. С диска ссылки отображаться не будут. Фотохостингов в сети полно, выбирайте на любой вкус.

После заливки появятся пункты управления картинкой.
На ЯФ-е так.

Изображение


На радикале так.

Изображение


На других фотохостингах то же будет что-то подобное.
==========


Адрес, который вы увидите при открытии картинки, будет не её адресом, а альбома. Для того, что бы увидеть адрес самой картинки нужно открыть именно её в отдельном окне.

На ЯФ-е так. Можно либо открыть и скопировать адрес либо щёлкнуть по надписи правой мышкой и "Копировать ссылку".

Изображение


На радикале так.

Изображение


И вот эти ссылки уже можно вставлять между img-ами.

Потренироваться можете прямо в этой теме, так как тут есть функция предпросмотра. То есть пока не нажмёте кнопочку "Отправить" всё это никто, кроме вас, не увидит. А вы будете видеть конечный результат, как если бы он уже был запощен.
==========


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

Вернёмся к ЯФ-у. Щёлкнем по "Поделиться" - "Код для блога".

Изображение


Увидим вот такую управляйку.

Изображение


Здесь нам надо выбрать параметры. Переключаем с HTML на BBCode, выбираем желаемое разрешение для отображения в топике и снимаем галку с "Добавить код в название фото".

Изображение


Вот так должно получиться в конце.

Изображение


Теперь осталось нажать кнопочку "Скопировать код" и вставить весь тэг (он уже готовый) в нужное место.
Вставив мы увидим вот такой код

Код: Выделить всё

[url=https://fotki.yandex.ru/next/users/asamarin/album/514555/view/1885662?page=0][img]https://img-fotki.yandex.ru/get/5640/25472426.60/0_1cc5de_4a9b2900_XL.jpg[/img][/url]


Его можно разделить на две части.

Код: Выделить всё

[url=https://fotki.yandex.ru/next/users/asamarin/album/514555/view/1885662?page=0]
[img]https://img-fotki.yandex.ru/get/5640/25472426.60/0_1cc5de_4a9b2900_XL.jpg[/img]
[/url]


Как видим сначала идёт открывающий тэг с URL-ом, далее тэги img с адресом картинки и последний закрывающий тэг первого URL-а. Так вот в середине вставлено то, что показывается в топике. А в левом тэге то, что будет показываться по клику. То есть вместо этой ссылки можно вставить, например, ссылку на левый сайт. Или на музыкальную композицию. Или ещё на что-то. Сейчас там стоит ссылка на альбом, в котором находится данная фотка. Но нам ведь нужно. что бы открывался оригинал фото. Делаем.

Ещё раз посмотрите на последнюю фотку. В нижней строчке на ней видно буквы "XL". теперь попробуйте поменяте размер на, например, 500х***. Буквы поменялись и осталась просто "L". Поменяем на 150х*** и буква станет "S". А если откроем оригинал, то появятся четыре буквыы - orig. Именно таким образом на ЯФ-е и меняется размер. Сейчас нам надо сделать, что бы по клику открывался снимок с атрибутами "orig". Значит мы копируем URL из середины ВВ-кода (тот, который в img-ах)

Изображение


И вставляем его в левую часть.

Изображение


Напоследок ручками переписываем в левой части "XL" на "orig".

Изображение


Всё, теперь в топике мы видим фотку с размерами 800х600, а по клику открывается оригинал.

Вернуться в «Помощь и связь с администрацией»

Кто сейчас на конференции

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