Литклуб > Иллюстрации 

Нужна пошаговая подробная инструкция, как залить картинку в работу, опубликованную в ЛитКлубе. Пыталась неоднократно - результат ноль. Сегодня узнала, что там это делается как-то через коды. Беда в том, что для меня все это темный лес. Была б признательна, если бы по пунктам объяснили весь процесс переноса картинки из компьютера в работу. Подробно объяснили, "на пальцах" каждый шаг. Ведь иллюстрации делают публикации намного более впечатляющими!

Старенькая мама, я сделаю для тебя и других Авторов такой мануал. Постараюсь сегодня.

Этап подготовки картинок (рекомендуемый, но не обязательный):

1. Отобрать нужные картинки. Я использую форматы: *.png, *.jpg, *.jpeg
2. Обрезать их по ширине.

Например, в Пейнте.

img.scrolls.combats.com ... w2X43sAAkjOpAjfBFIwcMjZewiOUXf7RgxmN3BSHg.png

Размер по ширине я сделала 800 пикселей. Чаще всего - это самый оптимальный размер, но можно и меньше. Высоту не трогаю вообще, она всё равно подгоняется автоматически ("галочка" в редакторе на "Сохранить пропорции", если не установлена!).

img.scrolls.combats.com ... 6RdphyXcNmITpEP8TKpAWBKKJ2pTbBlSJWRlcB0TQ.png

3. Загрузить их в свой фотоскролл.

img.scrolls.combats.com ... scJOILDOe4lOvn32ve5gSsZ0mi0ASiLJ6zjfPZJCA.png

4. Скопировать ссылки на картинки.

Как найти такую ссылку? Нам нужна прямая ссыль на просмотр картинки! Поэтому уверенно тычем сюда.

img.scrolls.combats.com ... NytzXcfPqGb0UJo63FyAo3Uuc1EG1ZM8WmMMp5Q7Q.png

Ищем и выделяем ссыль в строке браузера. Копируем её в буфер обмена.

img.scrolls.combats.com ... 28ZL7wj2RWxOgyBQ1e7Dw11O9Bowo2dGwfj29M4fg.png

5. Вставить ссыль в нужное место в тексте и закрыть bb-кодом.

Эта ссыль ещё без кода. Так оставлять нельзя!

img.scrolls.combats.com ... 1YJWbLlsnkEWeHAtfWQuzYBvYkY1yfdGW8BrnPUVg.png

Нужно закрыть ссыль парным кодом, то есть: открыть и закрыть его. Закрывается код всегда "правильным слешем" (он же косая черта) - "/". Скобки "[]" можно набрать вручную или копирнуть откуда-нибудь. Завести себе файлик с такими кодами.

img.scrolls.combats.com ... nmzVW4WkFXPWIoEr3xiQaEBRSGaiNnitDgZ4KK42w.png

И так с каждой картинкой для текста.

6. Что произойдёт, если не подгонять картинки по ширине.

img.scrolls.combats.com ... 8f0UPiE0jkaM06azvUnQmYQmkj5MIRbWITEFWkpMg.png

***

Если возникли вопросы по этому этапу - поясню.

Разберу ДВА способа вставки картинок, если предварительный этап не нужен или уже выполнен ранее.

ПЕРВЫЙ

1. Скопировать прямую ссыль на картинку со стороннего сайта.

img.scrolls.combats.com ... HMl1SfbwuC2Ahr0mZLwPw2XXKx0LYytUj531wxlBA.png

2. Вставить их в нужное место в тексте и закрыть bb-кодом.

img.scrolls.combats.com ... Sz1Up9LbgkMcZMBn6mA8fVm4MNKP3y5g4IPu0Xaag.png

3. Минусы такого метода в том, что нет гарантий, что сторонний сервер будет хранить ту ссылку рабочей вечно. Или вы что-то сделали не так. В этих случаях ссыль на изображение в тексте будет битой.

ВТОРОЙ является частью (логичным продолжение) подготовительного этапа, но я его всё равно распишу ещё раз. Это я по запаре забыла сразу его отделить от этапа загрузки.

1. Загрузить выбранные картинки в свой фотоскролл.

img.scrolls.combats.com ... scJOILDOe4lOvn32ve5gSsZ0mi0ASiLJ6zjfPZJCA.png

2. Скопировать ссылки на картинки.

Как найти такую ссылку? Нам нужна прямая ссыль на просмотр картинки! Поэтому уверенно тычем сюда.

img.scrolls.combats.com ... NytzXcfPqGb0UJo63FyAo3Uuc1EG1ZM8WmMMp5Q7Q.png

Ищем и выделяем ссыль в строке браузера. Копируем её в буфер обмена.

img.scrolls.combats.com ... 28ZL7wj2RWxOgyBQ1e7Dw11O9Bowo2dGwfj29M4fg.png

3. Вставить ссыль в нужное место в тексте и закрыть bb-кодом.

Эта ссыль ещё без кода. Так оставлять нельзя!

img.scrolls.combats.com ... 1YJWbLlsnkEWeHAtfWQuzYBvYkY1yfdGW8BrnPUVg.png

Нужно закрыть ссыль парным кодом, то есть: открыть и закрыть его. Закрывается код всегда "правильным слешем" (он же косая черта) - "/". Скобки "[]" можно набрать вручную или копирнуть откуда-нибудь. Завести себе файлик с такими кодами.

img.scrolls.combats.com ... nmzVW4WkFXPWIoEr3xiQaEBRSGaiNnitDgZ4KK42w.png

И так с каждой картинкой для текста.

Пробуйте, пытайтесь. Отвечу на возникшие вопросы.

Резюмирую для понимания.

1. Ищем картинки.
2. Обрабатываем и режем, если необходимо.
3. Загружаем в фотоскролл (если нужно) и затем уже вставляем ссылки текст.

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

img.scrolls.combats.com ... HWmIt4FApOXtGyLTONwkkDfL7ERzjjD3wrCjLwC4Q.png

Это если размер слишком большой на сайте источника.

Спасибо, милая, за это объяснение!