Одна из читательниц задала мне вопрос. Как, вместо привычного "Читать далее" вставить картинку? Я никогда этого не делала и поэкспериментировав в черновике выкладываю результат. Здесь нашла много таких кнопок - картинок. Это можно сделать двумя способами. Первый способ - загрузить картинку на фотохостинг и вставить ссылку в специальный код

Предлагаю вам друзья несколько вариантов обрамления ваших фото, картинок обводкой, тенью. Под каждым вариантом я проставила коды. На скрине ниже, я отметила, что в кодах можно менять. Одно единственное - цвет обводки. Больше ничего. И подчеркнула для начинающих пользователей, куда вставлять адресную ссылку на свою картинку. Для начала я взяла вот эту картинку-пейзаж, у которой и ширина и высота одинакова - 500px. И поэтому начиная с первого варианта по четвертый включительно, в кодах ничего больше не меняйте, кроме цвета обводки и вставки адресной ссылки на своё изображение. В пятом и шестом варианте размер картинки не имеет значения. Всё-равно будет так, как стоит у меня. В дальнейшем я выставлю урок, как получить такие формы обрамления, если width и height (ширина и высота) изображения имеет разные значения, и как вставить такие варианты в обычную рамочку для текста. Почему я это подчеркиваю? Да просто, если вы в приведенные мною ниже коды вставите фото, которое имеет ширину 500px, а высоту, например 340px... то верхние 4 варианта получатся немного искаженные. Поэтому для начала возьмем попроще, равные величины. А потом уже будем учиться сложностям. Согласны? Так же рассмотрим вариант как можно будет подписать такую картинку без фотошопа, ведь многие еще не владеют им. Поздравить друга к примера или подружку. Да, чуть не забыла. Картинки на прозрачном фоне тоже можно вставлять. Не забывайте только подбирать цвет обводки под ваши работы.. Ну вот для начала пока все. Пользуйтесь на здоровье. Будут вопросы, пожалуйста...задавайте. Первый вариант <img alt="" 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;" />

далее скрин и остальные варианты

Справочник html по изображениям

Серия сообщений "Шпаргалки":

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

Гифка с сервиса Гугл фото!

Как получить прямую (статическую, постоянную) ссылку с Гугл фото

смотрите далее

Сайт, на котором можно не только УМЕНЬШИТЬ картинку, но и УВЕЛИЧИТЬ!

Хочу познакомить вас с замечательным английским сайтом, на котором легко можно не только УМЕНЬШИТЬ картинку, но и УВЕЛИЧИТЬ ее, всего в три шага. Особенно это удобно для обоев или фона, которые нужно подогнать под размеры вашего экрана или блога. Заходим на сайт, который НАХОДИТСЯ ЗДЕСЬ 1.Загружаем картинку. 2.Устанавливаем нужный размер картинки, тот, который вы хотите получить. 3.Получаем результат, затем сохраняем его себе на комп. смотри полностью

Нашла вот такой очень удобный сайт (без каких либо проблем) и удобнее чем Радикал.С удовольствием делюсь с вами.

ВОЗМОЖНОСТЬ ЗАГРУЖАТЬ БЕСЧИСЛЕННОЕ МНОЖЕСТВО ФОТО И КАРТИНОК


http://ifotki.info/index.php?mode=more

Выберите изображение на вашем компьютере и нажмите после этого на загрузить.
Хотите загрузить до 15 картинок одновременно? Тогда вам сюда!
Сервис для публикации фотографий на форумах, дневниках, гостевых книгах и т.д.
Формирует готовый код. Не требует регистрации.
http://ifotki.info/3/c60450aeb9ecef05ff53958ff43005eb550f4e36706587.gif.html

ВОЗЬМИТЕ, УВЕРЯЮ ВАС - НЕ ПОЖАЛЕЕТЕ!!!

Двигаем текст или картинку в дневнике Вы можете заставить двигаться в своем дневнике или текст, или картинку, воспользовавшись данными формулами. Скорость можно увеличить, если вы увеличите значение scrollamount="2" style="HEIGHT: 70px">Движение текста снизу вверх или картинки <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">Движение текста снизу вверх</marquee> <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee> Движение текста сверху вниз или картинки <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">Движение сверху вниз</marquee> <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee> Движение текста справа налево или картинки <marquee direction="left" scrollamount="2" style="WIDTH: 400px">Движение справа налево</marquee> <marquee direction="left" scrollamount="2" style="WIDTH: 400px">КАРТИНКА</marquee> Движение текста слева направо или картинки <marquee direction="right" scrollamount="2" style="WIDTH: 400px">Движение слева направо </marquee> <marquee direction="right" scrollamount="2" style="WIDTH: 400px">КАРТИНКА </marquee>

Развернуть картинку прямо на странице поста

Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать rel="li-bigpic" <a href="АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"/></a> и установить размер уменьшенной картинки. К примеру, у меня есть адрес-ссылка на картинку с Яндекса https://img-fotki.yandex.ru/get/198026/35554120.0/0_b8806_b04fff04_L.jpg Подставляю её в предлагаемый код и получаю такую превьюшку, при клике по которой можно увидеть её реальный размер прямо здесь. Жмите на картинку bloginja

Читайте так же:
Всё про картинки. Часть 1. Закругляем углы.
Всё про картинки. Часть 2
Всё про картинки. Часть 3.
Всё про картинки. Часть 4. Картинки в ряд и столбик.

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 16 - Вставить рамку в пост
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место
Часть 20 - Не показывает видео в дневниках. Браузер Firefox.

Вставляем музыкальный плеер в определённое место Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги. Код: <div align="center"><table border="0" cellpadding="0" background="ФОНОВАЯ КАРТИНКА"><tbody><tr><td style="padding: 0px;" width="ШИРИНА ФОНА" height="ВЫСОТА ФОНА" ТЕГИ ВЫРАВНИВАНИЯ>КОД ПЛЕЕРА</td></tr></tbody></table></div> Теги выравнивания: снизу по центру — valign="bottom" align="center" снизу справа — valign="bottom" align="right" снизу слева — valign="bottom" align="left" сверху в центре — valign="top" align="center" сверху справа — valign="top" align="right" сверху слева — valign="top" align="left" Примеры: Cверху слева: Cнизу слева: Сверху справа: Снизу справа: Сверху в центре: Снизу по центру: Вопрос был про плееры, но не могу не написать, что точно так же можно вставить картинки. Cверху слева: Cнизу слева: Cверху справа: Cнизу справа: Cверху в центре: Cнизу по центру: bloginja

Читайте так же:
Плееры для вставки МР3
Плееры в дневник
Плейкаст

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место