Вставка картинок в разные места текста

Вообще-то с функцией ориентации картинки прекрасно справляются настройки ЛиРу.
Код картинки ЛиРу пишет без нашей помощи, за что ему большое спасибо.
Вот он виден, в строке «Обзор» на той странице где только что написан но еще не опубликован текст.

Мне осталось только выбрать на какой бок статьи вставить картинку. Я выбрала СЛЕВА, ткнула мышкой. В чекбоксе появилась точка, значит, команда будет выполнена. Остается только нажать на кнопку «Сохранить».
И картинка сразу умчалась в левый верхний угол моего текста. Вот так это выглядит.

Остальные картинки я загоняю обычно без выравнивания, и они становятся под текстом. Потом разберусь куда какую вставлять и сама введу нужную команду.
У меня шпаргалка для этих "выравниваний":
align=left
align=right
По-английски "right" значит "справа", а "left" - "слева".
Значит, если в коде картинки стереть слово "left" и вместо него вставить "right", то картинка послушается и опубликуется справа от текста.
Но вот мне показалось что в данном случае картинка на самом верху страницы выглядит невкусно. Пусть она стоит поближе к концу текста. Для этого я жму на «Редактировать», и открывается изнанка моего поста. Для вас я тут фиолетовым цветом выделила код картинки, и даже кусочек текста нечаянно попал.. Как видите, в коде проставлено align="left", то есть «выравнивание слева».

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

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

Пишу hspace= и число пикселов, на которое текст должен отступить от картинки. Если 5, то это очень близко, почти вплотную. А если 20 (самое излюбленное вебмастерами расстояние), то картинка будет стоять в просторе.

У меня даже всегда под рукой шпаргалка по таким "просторным" вставкам в код картинки:
align=left hspace=20
align=right hspace=20
Когда я самостоятельно проставляю ориентацию картинки справа или слева, то пишу ее в самом конце кода, перед закрывающим слэшем с угловой скобочкой. Эт чтобы не возиться с разыскиванием места куда вставить ;)

Вот так картинки и вставляются - только и знаешь что переставляешь код картинки туда-сюда, да еще и без конца меняешь в коде "left" (слева) на "right", и наоборот, пока не найдешь нужный вариант.
При таких перестановках убеждаешься, что картинки нужны именно маленькие. Потому что большие наезжают друг на друга, вся верстка ломается и не смотрится.
Ну а как уменьшать картинки я писала в посте Подготовка картинок для вставки в текст.
Да, и, кто не знает вообще как вставлять картинки, гляньте «*Как вставить картинку - урок для новеньких».

Красивые благодарности (с кодом)

<a data-cke-saved-href="http://efachka.ru" href="http://efachka.ru" target="_blank"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/3/75/130/75130355_2.GIF" src="//img1.liveinternet.ru/images/attach/c/3/75/130/75130355_2.GIF" title="" /></a>

Нет времени писать коммент,выручит смайлик! часть 3
 

Несколько вариантов оформления своих фото,картинок
 

Предлагаю вам друзья несколько вариантов обрамления ваших фото, картинок обводкой, тенью. Под каждым вариантом я проставила коды. На скрине ниже, я отметила, что в кодах можно менять. Одно единственное - цвет обводки. Больше ничего. И подчеркнула для начинающих пользователей, куда вставлять адресную ссылку на свою картинку. Для начала я взяла вот эту картинку-пейзаж, у которой и ширина и высота одинакова - 500px. И поэтому начиная с первого варианта по четвертый включительно, в кодах ничего больше не меняйте, кроме цвета обводки и вставки адресной ссылки на своё изображение. В пятом и шестом варианте размер картинки не имеет значения. Всё-равно будет так, как стоит у меня. В дальнейшем я выставлю урок, как получить такие формы обрамления, если width и height (ширина и высота) изображения имеет разные значения, и как вставить такие варианты в обычную рамочку для текста. Почему я это подчеркиваю? Да просто, если вы в приведенные мною ниже коды вставите фото, которое имеет ширину 500px, а высоту, например 340px... то верхние 4 варианта получатся немного искаженные. Поэтому для начала возьмем попроще, равные величины. А потом уже будем учиться сложностям. Согласны? Так же рассмотрим вариант как можно будет подписать такую картинку без фотошопа, ведь многие еще не владеют им. Поздравить друга к примера или подружку. Да, чуть не забыла. Картинки на прозрачном фоне тоже можно вставлять. Не забывайте только подбирать цвет обводки под ваши работы.. Ну вот для начала пока все. Пользуйтесь на здоровье. Будут вопросы, пожалуйста...задавайте. Первый вариант <img alt="" data-cke-saved-src="https://img-fotki.yandex.ru/get/9092/39663434.46d/0_9155c_e3579c0a_L.jpg" src="https://img-fotki.yandex.ru/get/9092/39663434.46d/0_9155c_e3579c0a_L.jpg" style="border: 2px solid #A10048; border-radius: 50%; box-shadow: 0px 0px 20px black;" />

Cимволы
 

📝 Cимволы 🎇

Перепишите один из 2-ух кодов понравившегося символа. Заключите его в тег размера текста <font size=7>КОД</font>, чтобы увеличить.
Пример: Возьмём к примеру эту картинку 📣 Зададим ей размер 7
<font size=7>&#128227; </font>
и получим 📣

Рамочки с прокруткой текста - для всех

1

2

3

4

Κaк cвязaть пoмпoны кpючкoм для oтдeлки кpaя издeлия

Елена Михалкова "Золушка и Дракон"
 

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

Практичный журнал для современных хозяек, который служит надежным источником полезной и практичной информации о продуктах питания и способах приготовления вкусной и здоровой пищи,  предлагает множество разнообразных рецептов с красочными фотографиями, указанием калорийности, количества персон, затрат времени на приготовление.

[показать]

Кровавая бойня в поезде. История самого громкого ЧП в истории Советской армии
 

Правила русского языка, которые запомнить легче, чем казалось
 

cellpadding="2" cellspacing="2"> • Читайте далее…

«А ты меня сегодня любишь?» - притча в стихах

«Скажи, а ты мeня сегодня любишь?» - cпpocила громкo девушка в маpшpутке, и пугoвицу пальцeм тepебила, на кожанoй своей, oсeнней куpтке. Ей кто-тo там oтветил в телeфонe, она тихoнькo cтала хоxoтать: «Bчеpа - этo вчера, ты чтo нe понял? А мнe ceгoдня этo нужнo знать!» Hапpoтив тиxо женщина вздoxнула, уж год как брoсил муж..и ждать нет cил. Cлeзу c щеки тихoнечкo смаxнула: «Эх, eсли бы и oн вoт так cпросил.» A рядoм с ней мальчишка лeт пяти ладошку папы oчeнь cильнo сжал: «Пап, ну... а ты мeня сeгoдня любишь?» Oтeц... вдруг улыбнувшиcь, пpиoбнял. «Кoнечно любит! - бабушка cказала,- смотри..как cмoтрит..ты ж его награда, ты счаcтье его в каждом нoвом дне, и даже сoмнeватьcя в том нe надo.» Улыбка у мальчишки cтала ширe и он cпpоcил: «а ктo-то любит Bас?» «Не знаю, я живу в пустой квартирe, oдна навepно вcтpeчу cмeртный час. • Читайте далее…

 

ЖАКЕТ,СВЯЗАННЫЙ В ПОПЕРЕЧНОМ НАПРАВЛЕНИИ DROPS

 Спецвыпуск журнала представляет кухни народов мира. Многочисленные застольные традиции этих народов наполнены гостеприимством и пониманием: еда - это то, что объединяет людей. Готовьте с душой и удовольствием!

Тема номера - Татарская, Осетинская, Адыгейская кухни.

[показать] 

Мышонок.

Колокольчик.