Спасибо за вашу помощь
Исходное сообщение
Нужна пошаговая подробная инструкция, как залить картинку в работу, опубликованную в ЛитКлубе. Пыталась неоднократно - результат ноль. Сегодня узнала, что там это делается как-то через коды. Беда в том, что для меня все это темный лес. Была б признательна, если бы по пунктам объяснили весь процесс переноса картинки из компьютера в работу. Подробно объяснили, "на пальцах" каждый шаг. Ведь иллюстрации делают публикации намного более впечатляющими!
Старенькая мама, я сделаю для тебя и других Авторов такой мануал. Постараюсь сегодня.
Этап подготовки картинок (рекомендуемый, но не обязательный):
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
Это если размер слишком большой на сайте источника.
Страницы: 1 |
|
All rights reserved |