-Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Шадрина_Галина

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 22.09.2013
Записей: 1430
Комментариев: 53055
Написано: 55127


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

Пятница, 13 Октября 2017 г. 13:42 + в цитатник
ZVnJYL-joOCxwQc6SSlwTYP1F4k.gif
bb21f2bed22e5f66c87a92670f257846.gif
Как вставить в пост большое количество картинок, как расположить их правильно, относительно текста - справа, слева, посредине - эти и другие вопросы по картинкам, я попробую раскрыть в этом посте.
Способов вставки картинки в пост очень много, я пропишу наиболее простые и известные.

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

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

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

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

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

И так мы вставляем одиночную картинку в свой пост. Для этого как обычно пишем свой текст в простом редакторе сообщения
1 (626x277, 33Kb)

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

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

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

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


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

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

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

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


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

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

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

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

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

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



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

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

Итак начали свой пост, нажав кнопку НАПИСАТЬ.
8 (425x85, 6Kb)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробно о том, как быстро вставить в пост на ЛиРу картинку из Интернета, то есть по ЕЕ АДРЕСУ СМОТРИМ ЗДЕСЬ
Как сделать картинку КЛИКАБЕЛЬНОЙ, - СМОТРИМ ЗДЕСЬ
Как взять картинку с альбомов на ЯНДЕКС фото СМОТРИМ ЗДЕСЬ
Как вытащить картинку из 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


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

Удачи в вашем творчестве.
ZVnJYL-joOCxwQc6SSlwTYP1F4k.gif

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

Метки:  

Процитировано 125 раз
Понравилось: 115 пользователям

olychca   обратиться по имени Пятница, 13 Октября 2017 г. 13:52 (ссылка)
Шадрина_Галина, Спасибо большое, Галина!
Ответить С цитатой В цитатник
ГАЛИНА_МОЩЕНКО   обратиться по имени Пятница, 13 Октября 2017 г. 14:04 (ссылка)
Галинка,огромное спасибо за работу.
Ответить С цитатой В цитатник
МаргаритаГК   обратиться по имени Пятница, 13 Октября 2017 г. 14:14 (ссылка)
Спасибо за классный урок.
Ответить С цитатой В цитатник
Liudmila_Sceglova   обратиться по имени Пятница, 13 Октября 2017 г. 14:17 (ссылка)
Спасибо Галочка!
Ответить С цитатой В цитатник
вера_шубина   обратиться по имени Пятница, 13 Октября 2017 г. 14:19 (ссылка)
Галина огромное вам спасибо.
Всего вам доброго и успехов в творчестве.

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 13 Октября 2017 г. 18:29ссылка
Спасибо за добрые пожелания.
Nina_Gracia   обратиться по имени Пятница, 13 Октября 2017 г. 14:47 (ссылка)
Спасибо, Галочка за очень нужный пост!
Ответить С цитатой В цитатник
Лариса_Коваль   обратиться по имени Пятница, 13 Октября 2017 г. 15:20 (ссылка)
Спасибо за урок
Ответить С цитатой В цитатник
Никто_кроме_нас   обратиться по имени Пятница, 13 Октября 2017 г. 15:44 (ссылка)
Благодарю.
Ответить С цитатой В цитатник
nmaklygina   обратиться по имени Пятница, 13 Октября 2017 г. 15:49 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
nmaklygina   обратиться по имени Пятница, 13 Октября 2017 г. 15:51 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Ира_Ивановна   обратиться по имени Пятница, 13 Октября 2017 г. 16:31 (ссылка)
Благодарю, Галочка! Отличных выходных дней!
Ответить С цитатой В цитатник
Нина36   обратиться по имени Пятница, 13 Октября 2017 г. 16:42 (ссылка)
Большое спасибо Галочка за урок, всего самого доброго!!!
Ответить С цитатой В цитатник
Чингиз   обратиться по имени Пятница, 13 Октября 2017 г. 17:00 (ссылка)
Спасибо Галина!
Ответить С цитатой В цитатник
Марина_Ушакова   обратиться по имени Пятница, 13 Октября 2017 г. 17:17 (ссылка)
Благодарю, Галина, с этим знакома, а можете сделать урок КАК ВСТАВИТЬ СКРИН В ЛИЧКУ? Вот не знаю.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 13 Октября 2017 г. 18:28ссылка
Скрин в личку можно вставить КОДОМ картинки. То есть сначала вставить (например в черновике) этот скрин, что бы получить коды. А затем эти коды вставить в личное сообщение. Только в личке сообщения небольшой ширины, поэтому вставляя туда коды скрина (или другой картинки), смотрите что б ширина была небольшая, иначе картинка будет видна наполовину.
Перейти к дневнику

Пятница, 13 Октября 2017 г. 21:36ссылка
Спасибо. Это и получается пока - только часть картинки. Спасибо, понятно
Алло_чка44   обратиться по имени Пятница, 13 Октября 2017 г. 17:22 (ссылка)
Спасибо, Галочка за очень нужный пост! Повторенье - мать ученья!
Ответить С цитатой В цитатник
Людмила_505   обратиться по имени Пятница, 13 Октября 2017 г. 18:09 (ссылка)
Спасибо милая Галина!
Ответить С цитатой В цитатник
Фатеева_Валентина   обратиться по имени Пятница, 13 Октября 2017 г. 18:12 (ссылка)
Спасибо большое, Галина
Ответить С цитатой В цитатник
Моисеева_Надежда   обратиться по имени Пятница, 13 Октября 2017 г. 18:35 (ссылка)
Галочка, спасибо за полезную информацию!
Ответить С цитатой В цитатник
Васточка   обратиться по имени Пятница, 13 Октября 2017 г. 19:21 (ссылка)
спасибо Галиночка - помощница ты наша
Ответить С цитатой В цитатник
Лариса_Виноградова   обратиться по имени Пятница, 13 Октября 2017 г. 19:28 (ссылка)
Спасибо Галочка!
Ответить С цитатой В цитатник
TAISA_ANDRYEYEVA   обратиться по имени Пятница, 13 Октября 2017 г. 19:56 (ссылка)
Благодарю Вас,Галина, за Ваши понятные и доступные посты !!! Прекрасные работы!!!
Доброго Вам вечера, пусть он будет спокойным и благоприятным!!!
🍁🍁🍁
Ответить С цитатой В цитатник
caia   обратиться по имени Пятница, 13 Октября 2017 г. 20:44 (ссылка)
Спасибо,Галина!
Всего вам доброго !!
Ответить С цитатой В цитатник
мадам-_тата   обратиться по имени Пятница, 13 Октября 2017 г. 22:02 (ссылка)
Спасибо Галочка! ОЧень нужный пост!
Ответить С цитатой В цитатник
ОльгаВлади   обратиться по имени Суббота, 14 Октября 2017 г. 01:10 (ссылка)
Спасибо вам огромное за ваши уроки.
Ответить С цитатой В цитатник
Alentinka   обратиться по имени Суббота, 14 Октября 2017 г. 01:11 (ссылка)
Огромное спасибо!Какая вы умничка-такой замечательный урок...я наверное еще не скоро научусь хоть чему-нибудь...
Ответить С цитатой В цитатник
sonyagoda   обратиться по имени Суббота, 14 Октября 2017 г. 09:54 (ссылка)
Галочка,огромное русское мерси!
Ответить С цитатой В цитатник
valyok   обратиться по имени Суббота, 14 Октября 2017 г. 12:09 (ссылка)
полезная информация
Ответить С цитатой В цитатник
Maksimych   обратиться по имени Суббота, 14 Октября 2017 г. 14:03 (ссылка)
Спасибо, Галина!
Ответить С цитатой В цитатник
Розалинда_555   обратиться по имени Суббота, 14 Октября 2017 г. 18:14 (ссылка)
Спасибо,Галочка!
Ответить С цитатой В цитатник
Питерский_Кот   обратиться по имени Суббота, 14 Октября 2017 г. 18:16 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку