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

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

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

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

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

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

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

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

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

Делаем отдельный Список ваших постов-Бродилку.

Продолжаем тему СЕРИИ СООБЩЕНИЙ.
В данном уроке я попытаюсь объяснить как,можно отдельно в посте сделать такую же
Серию сообщений.Только чтобы он не тянулся огромным хвостом,а был отдельным,
самостоятельным постом.
Только сразу предупреждаю.
Новые пункты в вашем списке вы будете загружать сами,
автоматически они не загружаются.Итак как это сделать.
Например вот так:

Так будет выглядеть ваш список.
• 1 Развлечения.
  
• 2 Рукоделие.
  

SvetlanaT

Быстро вставить картинку, разделитель,фон,или смайл находящиеся на этом сайте и не только.

Первое действие, которое вы должны выполнить - получить прямую ссылку на изображение.
Для этого наводим курсор на изображение,кликаем правой кнопкой мышки
и видим такую вот картинку ( в Mozilla Firefox, например):

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

В других браузерах надписи могут быть другими, все их здесь перечислять не будем, но помните,что в любом браузере вам нужна ссылка на изображение.
Дальше вы можете воспользоваться генератором
кликнув правой кнопкой мышки по окошку "Прямая ссылка на вашу картинку", и выбрать опцию "вставить".


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

Если необходимо,чтобы при наведении курсора на картинку всплывал пояснительный текст, напишите его в окошке
"Надпись при наведении курсора на картинку(Тег TITLE)". Если не нужно, оставьте поле пустым.
Остается только нажать кнопочку внизу генератора "получить код", после чего он тут же появится. Копируйте и вставляйте куда вам нужно.
Если вы оставили поле "адрес куда будет вести ссылка" пустым, то у вас получится картинка, которая при клике будет открывать ту же страницу в новом окне.
Это, конечно, не проблема, но в случае необходимости, это можно устранить, убрав в полученном коде то, что ниже выделено красным цветом. Вам понадобится только то, что выделено синим.

И другой способ

Если вам нужно просто вставить картинку, и не нужно, чтобы она была ссылкой, также в случае, если не нужен пояснительный текст,
то, получив прямую ссылку с помощью браузера (как описано выше), или на загруженное изображение на хостинге, вставьте вашу ссылку в этот код вместо слова "ссылка" -

Разделители
Фоны
Генератор

Поля "высота" и "ширина" нужно заполнять только тогда, когда вам нужно будет изменить размер изображения. Если не нужно оставьте поля пустыми.http://dezzi.ru

пакетная загрузка фоток на лиру

Пакетная загрузка фоток - загрузка нескольких фотографий сразу. Это очень удобно, если вам надо загрузить в пост 10-20 штук. Как это делается? 
 

дальше

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

http://le8.ru/post115035087/

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

Ох и швыряет меня по темам:-) Ну не успеваю я сразу обо всем писать:-) Теперь вот про плееры. Как помните, просто вставлять музыку на лиру мы уже учились тут: Грузим музыку в дневник ( два стандартных способа), теперь же речь пойдет о вставки именно работающего плеера в пост. А то меня часто спрашивают,- первый признак, что пора на

Музыкальное оформление блога

У меня частенько многие интересуются, где взять музыку для оформления блога и каким образом вставить плеер.
Какое-то время назад я также была в поисках, а сегодня могу поделиться тем, что имею. С удовольствием даю список проверенных бесплатных сайтов и хостингов для поиска музыки. Надеюсь, вы подберете для себя то, что необходимо. Удачи вам, друзья! ))
 

http://boomp3.com/

http://get-tune.net/

http://www.mp3.tac.az/

http://poiskm.ru/
 

Как вставить музыку в блог:


http://le8.ru/post115035087/?upd

http://www.aliveinternet.ru/post90654638/?upd



 

Уроки для Лирушников

Уроки по Оформлению дневника для Лирушников

Это более полный вариант УРОКОВ с новыми добавлениями. Для оформления вашего ДНЕВНИКА. Здесь всё самое необходимое,что может вам понадобиться. Для того,чтобы сделать его красивым и интересным. Если у вас старый вариант перестал работать, то вместо старого можно добавить к себе в дневник эту новую версию.Успехов всем в оформлении. 1.Как сделать ПОСТ С КАРТИНКОЙ. 2.Как вставить КФРТИНКУ в пост 3.Как вставить ВИДЕО в дневник. 4.Как загрузить МУЗЫКУ к себе в дневник 5.Как ЦИТИРОВАТЬ ЧУЖОЙ ПОСТ 6.Как делать РУБРИКИ и ПОДРУБРИКИ 7.Как делать СХЕМЫ для дневника 8.Как поставить в пост или УДАЛИТЬ СХЕМУ 9.Как ЗАКРЫТЬ функцию Симпашек и Антипашек 10.Как УБРАТЬ часть текста ПОД КАТ(спрятать) ЗДЕСЬ далее... SvetlanaT

Урок для новичков.Как использовать приложение "Я ФОТОГРАФ"

Автор приложения Codeblight

Читать далее...

САМОЕ НУЖНОЕ

ИСТОЧНИК

САМОЕ НУЖНОЕ

Как удалить ЛИШНИЕ рубрики и как перенести из одной рубрики в другую все сообщения? Читаем...

Элегантная ссылка на статью или пользователя li.ru

 

В предыдущей статье я описал, как поставить самую простую ссылку на пользователя li.ru . Правда, есть способ сделать это более элегантно.

Чтобы вместо длинного адреса, наподобие, http://blogirator.ru/blog#post216706936, в вашем дневнике были ссылки вида (о добавлении своего li.ru блога в "Google - инструменты для вебмастеров" вы можете прочитать здесь) необходимо сделать следующее:

Читать далее...

Как сделать кат с ножницами (как на ЖЖ)?

Как скопировать со страницы некопируемый текст

Некоторые страницы имеют такое свойство, что текст на них невозможно выделить или невозможно скопировать. Веб-мастера хотят защитить контент от копирования и применяют разные уловки: отключают клик правой кнопкой мышки и так далее.

В большинстве таких случаев можно воспользоваться очень простым способом для копирования "некопируемого" текста (мне чёта лень делать скриншоты - поэтому пишу буквами).

Открываем страницу с текстом. Нажимаем комбинацию клавиш Ctrl и U (откроется исходный код страницы). Те, кто умеют, копируют код нужного текста. Те, кто испугался обилия знаков, копируют весь код - Ctrl+A и Ctrl+C (буквы латинские).

Затем создаем новое сообщение на Лиру. Нажимаем "Источник" в расширенном редакторе и вставляем скопированный код (Ctrl+V).

Сохраняем в черновик (хотя, можно и не сохранять - кто захочет, сам догадается, что делать дальше).

Смотрим внимательно на черновик, находим нужный фрагмент страницы и спокойно копируем текст.

Серия сообщений "Коды. HTML и ВВ [Codes. HTML&BB]":
Часть 1 - Использование спецкодов (ВВ-кодов) на Лиру
Часть 2 - Как скачать сразу все фотографии по ссылкам-превью с помощью плагина DownThemAll! для Firefox
...
Часть 7 - Простой способ вставить картинку
Часть 8 - Как вставить открытку (картинку) в личное сообщение на ЛиРу
Часть 9 - Как скопировать со страницы некопируемый текст

Убрать лишний фрагмент на фото - онлайн

©Surge Blavat "Blog-Master"
©Surge Blavat "ECLETTICO"

Кнопки в блог

О кликабельных картинках с посторонних ресурсов....в который раз.

Пост с © v-lyamzina.ya.ru

Доска объявлений
Узнала только что и спешу поделиться с Вами.
На всякий случай.
У некоторых пользователей закрыли блоги за фишинговые ссылки.
ВОЗМОЖНО такие ссылки были добавлены не самим блоггером,
а теми,кто оставлял комментарии под постам


Человек оставляет,на первый взгляд, безобидную картинку,
типа-"Спасибо!" или смайлик.А эта картинка сделана в виде баннера
со ссылкой на подозрительный сайт.
Поэтому,желательно,проверять КАЖДУЮ картинку
в комментарии на кликабельность.
Кликните по ней правой кнопкой мышки
и посмотрите высвечивается ли ОТКРЫТЬ ...

Читать далее...

Как спрятать часть Поста под кат (cut)

ПРЯЧЕМ ТЕКСТ ПОД CUT

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

 

Как открыть 2 окна на рабочем столе? Для того чтобы легко было учиться...

Чтобы  быстро и легко освоить мои уроки, я посоветовала открыть 2 окна.

Возник вопрос: А как это сделать? 

olia2010 Отвечаю: Легко! 

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

Серия сообщений "Всё про Лиру":
Часть 1 - ЛиРу - основы работы в расширенном редакторе ( часть 1-ая)
Часть 2 - ЛиРу - основы работы в расширенном редакторе ( часть 2-ая)
...
Часть 24 - Как сделать кликабельные картинки? Код и инструкция от Putniza_Strannaja
Часть 25 - Как создавать рубрики в дневнике?
Часть 26 - Как открыть 2 окна на рабочем столе? Для того чтобы легко было учиться...
Часть 27 - Про цитирование. Если у вас вопросы? Пишите...
Часть 28 - Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру.

Компьютерные подсказки. Много полезностей. Компьютер, блог и т.д

Читать далее...

Поисковики

*** Поиск Google

Поиск по книгам

Поиск картинок

Вопросы и ответы

YouTube

Словари

Переводчик

Поиск

Поиск картинок

Фотки

Поиск по блогам и форумам

Ответы