Делаем подборку сообщений с картинками
 

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

Выглядеть это будет вот так

Так можно  облегчить себе поиски нужной информации в дальнейшем.

В чужих дневниках столько всего интересного, но даже если все цитировать, потом долго искать в собственном дневнике.У многих уже набралось огромное количество сообщений, которые потом лежат не востребованными, т.к. искать долго и не можешь вспомнить, что уже есть в дневнике.

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

КАК ВСТАВИТЬ В РАМОЧКУ СВОЮ КАРТИНКУ.
 

К примеру возьмем эту рамочку: Ваша картинка Ваш текст Вот ее код: <div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/10/109/526/109526029_defne2.gif" cellpadding="3" cellspacing="0"><tr><td style="padding: 40px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/1//60/985/60985015_s0h3m4jcokmnk37a9i0db1smg12.jpg" cellpadding="5" cellspacing="2"><tr><td style="padding: 10px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="2"><tr><td style="padding: 2px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><div align="center"><center><font size="3" color="#e31f09" face="georgia">Ваша картинка</font><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/525/109525902_defne1.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="//img0.liveinternet.ru/images/attach/c/10/109/526/109526036_defne.jpg" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="#e31f09" face="georgia"> <br /> Ваш текст <br /> </font></center><div align="center"><center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/2872037/profile" href="http://www.liveinternet.ru/users/2872037/profile"><font size="2"><font color="#776655"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/1//51/82/51082046_z4af877a281059.gif" src="//img1.liveinternet.ru/images/attach/c/1//51/82/51082046_z4af877a281059.gif" width="120" height="20" alt=" (220x40, 4Kb)" /></font></font></a></center></div></td></tr></table></td></tr></table></center></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div> У вас в документах есть подходящая картинка,я выбрала для примера такую:

Как расположить в посте картинки с текстом?
 

Дорогие мои ПЧёлки обещала вам показать и объяснить как можно расположить красиво КАРТИНКУ с ТЕКСТОМ. Чтобы картинка стояла в центре, а текст по краям. Например вот так это будет выглядеть... ВАШ ТЕКСТ ВАШ ТЕКСТ Что нужно сделать, если хотите чтобы у вас также получилось? ЗДЕСЬ далее... SvetlanaT

Один из способов сделать пост со множеством картинок.

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


Дальше > > >

Как быстро взять картинку без кода и вставить в нужное место.Урок!
 

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

ВСТАВЛЯЕМ КАРТИНКУ - БЫСТРО И ПРОСТО!
Я для этого использую такой код:

<img src="АДРЕС КАРТИНКИ"/>

Адрес любой картинки узнать совсем несложно:
1. Кликните по понравившемуся изображению ПРАВОЙ клавишей мышки.
2. Выпадет табличка, в которой нужно выбрать строчку "СВОЙСТВА ИЗОБРАЖЕНИЯ".
3. Далее ЛЕВОЙ клавишей мышки кликаем на этой строке.
4. Появляется еще одна табличка, в которой указан "АДРЕС ИЗОБРАЖЕНИЯ".
5. Его нужно скопировать (ставим курсор на эту строчку: помечаем - Ctrl+А , затем копируем - Ctrl+С).
6. Все - теперь можно вставлять в код - Ctrl+V.(либо ПРАВОЙ клавишей мышки,в окошке нажмите на слово ВСТАВИТЬ)

Вставляем этот адрес вставляем вместо слов АДРЕС КАРТИНКИ.
Кавычки должны остаться и между ними и адресом НЕ ДОЛЖНО БЫТЬ ПРОБЕЛА!
Получиться должно так:

<p><img src="//s16.radikal.ru/i191/1004/93/84eede09f45d.gif"/></p>

А теперь уже готовый код копируем и вставляем туда,
куда вам хочется!В комментарии,в посты и так далее...

Все это проделываем в HTLM-режиме!

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

<center>ВАШ ТЕКСТ ИЛИ КАРТИНКА</center>

**************
Непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите:

[more=ТЕКСТ ДЛЯ ПЕРЕХОДА], при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком.
***************
Еще информация для новичков здесь - как сделать, скажем, в комментариях или в сообщении ник какого-нибудь пользователя Лиру ссылкой на его дневник - вот такой Arnusha.
Это очень просто - нужно открыть квадратную скобку, написать user=и вставить точный ник, который вы хотите сделать ссылкой.
Вот как это выглядит:

Удачи!
 

Arnusha

Легкий способ вставить картинку в сообщение

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

и закрывающий:

Готово!

Как взять картинку с альбомов Яндекс -фото
 

По многочисленным просьбам читателей, показываю, КАК ВЗЯТЬ КАРТИНКУ из альбомов на ЯНДЕКС ФОТКАХ, в любом размере, и без белого фона. смотри полностью

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
Часть 3 - КАК ПЕРЕНЕСТИ ПОСТ ИЗ БЛОГА В ДНЕВНИК НА ЛиРу
Часть 4 - Как на Я.ру, перекачать информацию с блогов МАЙЛА
...
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
 

Сервисы, которые в считанные секунды сожмут любые картинки или фото без потери качества
 

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

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 17 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
Часть 19 - Сервисы, которые в считанные секунды сожмут любые картинки или фото без потери качества
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Часть 21 - Как увидеть пароль вместо звездочек?
...
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
 

Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
 

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

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
Часть 19 - Сервисы, которые в считанные секунды сожмут любые картинки или фото без потери качества
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Сделать текст с окошечком прокрутки (флеймом)
...
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
 

Как быстро вставить в пост на ЛиРу картинку из Интернета
 

Как быстро вставить в пост на ЛиРу любую картинку из Интернета, из альбома на Яндекс-фото, или ЛиРу? Многие читатели моего дневника, пришедшие на ЛиРу совсем недавно (как впрочем и я), в основном из за закрытия блогов на майле, не знают, как можно быстро, и не прописывая никаких кодов, вставить картинку в свой пост. Для этого надо всего лишь получить ссылку на фотографию (то есть ее адрес) и вставить ее в расширенном или простом редакторе. Картинку можно брать из любого альбома или с любой интернет-страницы.

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Сделать текст с окошечком прокрутки (флеймом)
Часть 23 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 24 - Рамка для блога, имитирующая картину.
Часть 25 - Как сделать бегущий текст на картинке, без всякого редактора
...
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
 

Красивое разворачивание картинки в постах и рамках
 

Картинка, как и текст, может тоже появляться в движении, это выглядит красиво и оригинально, особенно при оформлении рамок и постов. Например вот так. >

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 24 - Рамка для блога, имитирующая картину.
Часть 25 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 26 - Красивое разворачивание картинки в постах и рамках
Часть 27 - Как к каждой записи сделать свой фон.
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
 

Про кликабельные картинки
 

Здравствуйте... Сегодня я хочу провести урок на тему " Картинки в Дневнике ". Многие из вас, гуляя по Дневникам друзей и не только, наверняка видели такую запись Читать далее урок провела Любаша К

Как разместить текст или картинку слева, справа или посередине?
 

Очередное дополнение в

Мне многие часто задают вопрос, о том, как разместить текст или картинку в сообщении, в эпиграф дневника и/или в графе "О себе" профиля слева, справа или посередине. Ну, нет ничего проще.
Для этого придётся научится пользоваться html конструкцией "div align=выравнивание", где выравнивание может принимать одно из 3 значений: "left" (слева), "right" (справа) или "center" (в центре, посередине).

В общем виде используется такой html код:
<div align="выравнивание">То, что равняется</div>,
где выравнивание - "left" (слева) или "right" (справа).

Внимание! Для выравнивания по центру конструкция <div align="center"> не действует!
Для выравнивания по центру надо просто написать "<center>".

Примеры
LI 5.09.15

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
 

Когда я только начинала изучать как и многие из вас все детали,что такое коды,как ставить,где ставить-возникало много вопросов и ведь каждый раз требовались ответы на них.Я сама столкнулась и ещё столкнусь уверена,что бывает нужно спросить и не у кого...Как неохотно отвечают на вопросы новичков уже "повзрослевшие" пользователи,как будто и сами не были чайниками.Нет времени и это понятно.Ведь нужно всё разжевать и понятным языком объяснить,куда,как и для чего... Многие не знают Как расположить несколько элементов на страничке рядом друг с другом.Например,как выставить рядом картинки,смайлики или снежинки...Я тоже раньше не могла и спрашивать было некого,лишний раз не хотела раздражать своими вопросами.Сегодня я попробую вам объяснить,как это делать и с помощью чего...Первые шаги так сказать для начинающих,кто только начал делать шаги в области постов с картинками
ИТАК ПОЕХАЛИ:
Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее
Первый способ: МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ &nbsp;
ПРИМЕР:<код первой кнопки>&nbsp;<код второй кнопки>&nbsp;<код третьей кнопки>
  
 
Но учтите: этот способ не работает, если вы хотите поставить что-то рядом с табличкой.Например,под картинкой поставить код.

Жмём и читаем урок полностью

Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
 

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

как сделать картинку кликабельной
 

Дорогие друзья я предлагаю ВАМ отправиться по МУЗЕЯМ МИРА, а для начала мы с вами сделаем кликабельную картинку. Здесь всё легко и просто. Я сначала тоже боялась, но интересно это сделать самой. 1. Это код для кликабельной картинки: <a target="_blank" data-cke-saved-href="1" href="1"><img data-cke-saved-src="2" src="2" /></a>

Волшебная формула для изменения величины картинки без всяких генераторов.
 

Для новичков:

1. обычная формула для вставки картинки в пост.
2. если к ней дописать, что подчеркнуто красным , то можно изменить размер картинки, причем любой, даже анимированной.
3. если дописать, что подчеркнуто синим, можно обвести картинку контуром.
4 и 5. - картинка слева или справа
6. если дописать , что подчеркнуто оранжевым, то можно изменить размер и обвести контуром.
Вот как это выглядит: Смотрите далее…

Учимся вставлять Картинки с кодами в таблицу.
 

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

<img data-cke-saved-src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" width="180" height="238" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" width="134" height="242" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" width="185" height="240" />
<img data-cke-saved-src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" width="115" height="253" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" width="138" height="249" alt="36216699 (501x400, 22Kb)" />	<img data-cke-saved-src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" width="114" height="244" />

Жмём и смотрим как научится делать такое оформление.

SvetlanaT

"Как поставить картинку в Рубрику". Урок от MissKcu
 

Серия сообщений "Уроки по Ли.ру от MissKcu":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
Часть 15 - Урок об написании постов на Ли.ру от MissKcu
Часть 16 - "Как поставить картинку в Рубрику". Урок от MissKcu
Часть 17 - Урок " Делаем бесшовные фоны программой 20 на 20"
Часть 18 - Вы убрали Корону? ушли Рубрики и все остальное?
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu