Вставляем картинки в свои сообщения

Пятница, 13 Октября 2017 г. 13:42 + в цитатник

Как вставить в пост большое количество картинок, как расположить их правильно, относительно текста - справа, слева, посредине - эти и другие вопросы по картинкам, я попробую раскрыть в этом посте.
Способов вставки картинки в пост очень много, я пропишу наиболее простые и известные.

1. Вставляем одиночную картинку из своего компьютера.

Начну с того, что я НИКОГДА не вставляю картинки прямо из интернета, кроме своих альбомов на ЯНДЕКС фото.

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

Тогда в вашем дневнике вместо картинок появляется пустое место. Так как АДРЕС КАРТИНКИ сменился, и система не может ее найти.

Поэтому, мой вам совет - СОХРАНЯЙТЕ НАЙДЕННЫЕ КАРТИНКИ сначала в свой комп, в отдельную папочку. После вставки картинок в пост, вы ее легко удалите из папочки. А вот в вашем дневнике она останется, и никуда не исчезнет.

И так мы вставляем одиночную картинку в свой пост. Для этого как обычно пишем свой текст в простом редакторе сообщения

Теперь нам надо вставить картинку. Идем по странице чуть вниз, и справа (под окошечком с текстом) кнопку ОБЗОР. Картинки специально вставляю крупным планом, что б было видно где конкретно расположена нужная кнопка.

Откроется окно выбора картинок с ваших папок. Ищем нужную папку, в ней свою картинку, щелкаем по ней мышкой, и жмем кнопку ОТКРЫТЬ. Можно просто щелкнуть мышкой ДВАЖДЫ по выбранной картинке. И она загрузится сама.
То есть окно загрузки исчезнет.

Окно загрузки исчезло, картинка загружена. Теперь ВНИМАНИЕ. Поставьте ТОЧКУ в том месте, где вы хотите видеть картинку. СПРАВА от текста, или СЛЕВА.

Теперь нажимаем кнопку ПРЕДПРОСМОТРА, или СОХРАНИТЬ ИЗМЕНЕНИЯ, в зависимости от того, сколько раз вы просматривали свое сообщение, и мы увидим свою картинку.

Для тех, кто только пришел на ЛиРу объясню подробнее. Когда вы пишите свое сообщение (новое), и при написании вы видите только КОДЫ (рамки, картинок и прочего) но вам надо посмотреть как оно будет выглядеть в готовом виде. Вот тогда и жмем на кнопку ПРЕДПРОСМОТР.

Посмотрели. Выяснили для себя где и как надо подредактировать, и возвращаемся к редактированию кнопкой РЕДАКТИРОВАТЬ СООБЩЕНИЕ. (она находится внизу, под вашим сообщением)

При повторном нажатии РЕДАКТИРОВАТЬ, кнопка ПРЕДПРОСМОТР исчезнет, так как ваш пост АВТОМАТИЧЕСКИ сохранился в ЧЕРНОВИКЕ. Но появится кнопка СОХРАНИТЬ ИЗМЕНЕНИЯ.

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

Нажав на кнопку ПРЕДПРОСМОТРА, или СОХРАНИТЬ ИЗМЕНЕНИЯ, мы видим, что наша ЗАГРУЖЕННАЯ картинка появилась в сообщении. Посмотрите как она встала, в нужное или нет вам место.

Теперь жмем вновь кнопку РЕДАКТИРОВАТЬ, и подправляем свою картинку. То есть копируем коды картинки, и вставляем в то место (перед тестом, или после текста) где хотим ее видеть.

Если картинка сразу встала на нужное место, то просто пишем свой пост дальше, и так до тех пор, пока не загрузите все что хотели

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

Сразу напишу, что это САМЫЙ НЕУДОБНЫЙ и ДОЛГИЙ способ вставки картинки. И пользоваться им нужно только тем новичкам, которые не знают как вставить картинку слева и справа от текста, хотя это совсем несложно, и как это сделать подробно написано ВОТ ЗДЕСЬ

В остальных случаях лучше пользоваться вторым способом вставки картинки на ЛиРу.

2. Вставляем НЕСКОЛЬКО картинок из своего компьютера.

Этот способ наиболее удобен, и я очень часто пользуюсь им. Он позволяет вставлять сразу много картинок, а потом просто расставить их по местам.

Итак начали свой пост, нажав кнопку НАПИСАТЬ.

Написали ЗАГОЛОВОК поста, затем свой текст, отредактировать его (цвет, размер, кто не знает как это сделать СМОТРИМ ЗДЕСЬ ) или что то другое, (музыка, плееры). Можно вообще сначала писать весь текст, а потом грузить картинки, расставляя их по нужным местам.

Итак, написали текст, теперь идем вниз по странице и ищем кнопку ПРИКРЕПИТЬ НЕСКОЛЬКО ИЗОБРАЖЕНИЙ (ПАКЕТНАЯ ЗАГРУЗКА)

При нажатии этой кнопки, у вас появилось дополнительное ОКНО. Жмем ДОБАВИТЬ ФАЙЛЫ

В открывшемся окне, находим свою папку, и ВЫДЕЛЯЕМ НУЖНЫЕ ДЛЯ ЗАГРУЗКИ картинки мышкой. Для этого ЗАЖИМАЕМ левую клавишу мыши, и НЕ ОТПУСКАЯ ЕЕ, ведем по нужным нам картинкам. После этого жмем на кнопку ОТКРЫТЬ.

Мы видим, как нужные нам файлы появились в окне загрузки. Если у вас выделились не все картинки, то можно еще раз нажать кнопку ДОБАВИТЬ ФАЙЛЫ, и добавить еще несколько картинок.
Теперь жмем кнопку НАЧАТЬ ЗАКАЧКУ.

Картинки ЗАКАЧАЛИСЬ. Теперь появилась надпись ДОБАВИТЬ К СООБЩЕНИЮ. Жмем на нее, и добавляем наши картинки.

Коды картинок сразу появятся ВНИЗУ вашего сообщения. Не надо больше ничего нажимать. Картинки пронумеруются, и встанут друг за другом в столбик.

Где синим выделен - КОД КАРТИНКИ
Красным - НУМЕРАЦИЯ КАРТИНОК (у меня не по порядку, так как я грузила, удаляла, снова грузила для примера), обычно эта нумерация идет по порядку. Я ее ВСЕГДА УДАЛЯЮ, так как обычно она не нужна.
Зеленым - КОД РАСТАНОВКИ КАРТИНОК, что б они встали в столбик.

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

Расскажу, как обычно это делаю я. Я нажимаю ПРЕДПРОСМОТР, или СОХРАНИТЬ ИЗМЕНЕНИЯ, мне открываются мои картинки, загруженные внизу поста.

Затем жму РЕДАКТИРОВАТЬ, но ВНИМАНИЕ, открываю это редактирование в НОВОЙ ВКЛАДКЕ.

То есть у меня в одном окне мой ПОСТ ЧЕРНОВИК, а в другом окне РЕДАКТИРОВАНИЕ. И я видя картинки (они бывает грузятся в хаотичном порядке)

И видя картинки в предпросмотре, во вкладке РЕДАКТИРОВАНИЕ, я расставляю их по нужным местам. То есть копирую ТОЛЬКО КОД НУЖНОЙ КАРТИНКИ (без нумерации, и доп.кодов расстановки), и вставляю их по тексту.

Спутать картинки невозможно, так как я вижу их номера, и копирую нужные. Затем удаляю все ненужные мне коды. То есть все то, что загрузила, так как картинки я уже скопировала и расставила по местам, а нумереция и прочее мне просто не нужны.

Как видите этот способ гораздо проще и быстрее.

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

И несколько ссылок на мои уроки по КАРТИНКАМ.

Подробно о том, как быстро вставить в пост на ЛиРу картинку из Интернета, то есть по ЕЕ АДРЕСУ СМОТРИМ ЗДЕСЬ
Как сделать картинку КЛИКАБЕЛЬНОЙ, - СМОТРИМ ЗДЕСЬ
Как взять картинку с альбомов на ЯНДЕКС фото СМОТРИМ ЗДЕСЬ
Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg СМОТРИМ ЗДЕСЬ
Красивое разворачивание картинки в постах и рамках СМОТРИМ ЗДЕСЬ
Подробно о том, как расположить текст справа, слева, внизу, вверху и прочее от картинки СМОТРИМ ЗДЕСЬ

И по загрузке картинок через фотохостинги.

КАК ЗАГРУЗИТЬ в ПОСТ МНОГО КАРТИНОК ОДНИМ КЛИКОМ МЫШИ, не заходя в РАДИКАЛ СМОТРИМ ЗДЕСЬ

По остальным фотохостингам у меня уроки в блоге на майле, и как оказалось не перенесены на ЛиРу. Я постараюсь это сделать в ближайшее время.

И в заключение таблица по редактированию текста.

Таблица базовых цветов BgColor
Вставляйте указанные английские названия цветов (или цифро-буквенные коды) перед своим текстом - вместо слова "цвет" в квадратных скобках: [color=цвет]. В конце текста ставите [/color]. И получите текст нужного вам цвета!

Aliceblue F0F8FF	Antiquewhite FAEBD7	Aquarius 0AE0A0	Aquamarine 7FFFD4
Azure F0FFFF	Beige F5F5DC	Bisque FFE4C4	Black 000000
Blanchedalmond FFEBCD	Blue 0000FF	Blueviolet B000E0	Brown A52A2A
Burlywood DEB887	Cadetblue 5F9EA0	Chartreuse 7FFF00	Chocolate D2691E
Coral FF7F50	Cornflowerblue 6495ED	Cornsilk FFF8DC	Crimson DC143C
Cyan 00FFFF	Darkblue 00008B	Darkcyan 008B8B	Darkgoldenrod B8860B
Darkgray A9A9A9	Darkgreen 006400	Darkkhaki BDB76B	Darkmagenta 8B008B
Darkolivegreen 556B2F	Darkorange FF8C00	Darkorchid 9932CC	Darkred 8B0000
Darksalmon E9967A	Darkseagreen 8FBC8F	Darkslateblue 483D8B	Darkslategray 2F4F4F
Darkturquoise 00CED1	Darkviolet 9400D3	Deeppink FF1493	Deepskyblue 00BFFF
Dimgray 696969	Dodgerblue 1E90FF	Firebrick B22222	Floralwhite FFFAF0
Forestgreen 228B22	Fuchsia FF00FF	Gainsboro DCDCDC	Ghostwhite F8F8FF
Gold FFD700	Goldenrod DAA520	Gray 808080	Green 008000
Greenyellow ADFF2F	Honeydew F0FFF0	Hotpink FF69B4	Indianred CD5C5C
Indigo 4B0082	Ivory FFFFF0	Khaki F0E68C	Lavendar E6E6FA
Lavenderblush FFF0F5	Lawngreen 7CFC00	Lemonchiffon FFFACD	Lightblue ADD8E6
Lightcoral F08080	Lightcyan E0FFFF	Lightgoldenrodyellow FAFAD2	Lightgreen 90EE90
Lightgrey D3D3D3	Lightpink FFB6C1	Lightsalmon FFA07A	Lightseagreen 20B2AA
Lightskyblue 87CEFA	Lightslategray 778899	Lightsteelblue B0C4DE	Lightyellow FFFFE0
Lime 00FF00	Limegreen 32CD32	Linen FAF0E6	Magenta FF00FF
Maroon 800000	Mediumauqamarine 66CDAA	Mediumblue 0000CD	Mediumorchid BA55D3
Mediumpurple 9370D8	Mediumseagreen 3CB371	Mediumslateblue 7B68EE	Mediumspringgreen 00FA9A
Mediumturquoise 48D1CC	Mediumvioletred C71585	Midnightblue 191970	Mintcream F5FFFA
Mistyrose FFE4E1	Moccasin FFE4B5	Navajowhite FFDEAD	Navy 000080
Oldlace FDF5E6	Olive 808000	Olivedrab 6B8E23	Orange FFA500
Orangered FF4500	Orchid DA70D6	Palegoldenrod EEE8AA	Palegreen 98FB98
Paleturquoise AFEEEE	Palevioletred D87093	Papayawhip FFEFD5	Peachpuff FFDAB9
Peru CD853F	Pink FFC0CB	Plum DDA0DD	Powderblue B0E0E6
Purple 800080	Red FF0000	Rosybrown BC8F8F	Royalblue 4169E1
Saddlebrown 8B4513	Salmon FA8072	Sandybrown F4A460	Seagreen 2E8B57
Seashell FFF5EE	Sienna A0522D	Silver C0C0C0	Skyblue 87CEEB
Slateblue 6A5ACD	Slategray 708090	Snow FFFAFA	Springgreen 00FF7F
Steelblue 4682B4	Tan D2B48C	Teal 008080	Thistle D8BFD8
Tomato FF6347	Turquoise 40E0D0	Violet EE82EE	Wheat F5DEB3
White FFFFFF	Whitesmoke F5F5F5	Yellow FFFF00	YellowGreen 9ACD32

Подробная шпаргалка по редактированию текста - НАХОДИТСЯ ЗДЕСЬ

Удачи в вашем творчестве.

Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 26 - Краткий словарь начинающих лирушников.
Часть 27 - Проигрывание музыки при открытии поста
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников