КАК ПОДПИСАТЬ КНОПКУ.....



КОД ПУСТОЙ БРОДИЛОЧКИ

<center><table background="https://img-fotki.yandex.ru/get/45245/260101046.db/0_15613e_cd4eab6a_orig"><tr><td width="730" height="740"><div align="right"><code><table border="0"> <br /><br /><br /><br /><br /><br /><br /> <tr> <td><div style="height:450px;overflow:auto;padding:6px;"><br /><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА на рубрику" target="_blank"><img src="https://img-fotki.yandex.ru/get/71249/260101046.db/0_15613f_bb801d8c_orig" /></a><br /><br /><br /> <br /><br /> <br /><div></div></div></td></tr></table></code></div></td></tr><br /><br /><br /><br /> </table></center>

Серия сообщений "МОИ УРОКИ":

Часть 1 - Еще раз о рамочках в 4 слоя-урок от VETA
Часть 2 - Урок от VETA-рамочка сложная
...
Часть 18 - Яндекс-Коллекции или Pinterest по-русски
Часть 19 - Меня спросили....я подсказываю. КАК ВСТАВИТЬ ВИДЕО В РАМОЧКУ.
Часть 20 - Бродилочка+урок

В этом посте, постараюсь собрать все коды и теги по КАРТИНКАМ, которые нам нужны для создания постов, рамочек и поздравительных открыток.

---

Код любой картинки в сети в самом простом варианте, без рамочек, украшения и прочего:

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

В этот код просто подставляем Уникальный адрес (URL) картинки.

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

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

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как под рубрику вставить картинку

Получила я недавно такой комментарий

А действительно, как? Мне это не надо было, поэтому я и не задумывалась над этим.
Тут я вспомнила, что у моей приятельницы Irina_khlebn под каждой рубрикой есть такие картинки. Она-то мне и подсказала, как это сделать. Ирочка, огромное спасибо!
Делюсь информацией с вами...))

Обычно рубрика или серия сообщений выглядит так, без всяких картинок

Сверху дневника жмем на Настройки



Копируем код нужной картинки на Яндекс. Фотках


Теперь идем в серию сообщений - Уроки

И видим, что появилась картинка под серией сообщений.

Абсолютно так же картинку можно вставить и под рубрику

А если вы в окно редактирования вставите флешку, то получится так

Надеюсь, вам все было понятно...) Удачи!!!

P.S. Я ни в коем случае не призываю вас делать так под каждой рубрикой или серией сообщений. Помните, что любая картинка утяжеляет ваш дневник...)

для вас Лариса Гурьянова

Серия сообщений "* Для ЛиРу":

Часть 1 - ЧТО ЗА "СИМПОЧКИ"???
Часть 2 - КАК НА ЛиРу СМЕНИТЬ email?
...
Часть 19 - Флеш-приветствие в дневник с уроком - Как сменить эпиграф в дневнике
Часть 20 - Как занести непрошенных гостей в ЧС
Часть 21 - Как под рубрику вставить картинку
Часть 22 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 23 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
...
Часть 25 - Как избавиться от неприятных гостей?
Часть 26 - Как переносить посты с Мейла на ЛиРу.
Часть 27 - Как легко перенести пост с Мейла на ЛиРу

Всё про картинки. Часть 1 Закругляем острые углы на картинке Берём картинку Чтобы закруглить углы на картинке, пишем HTMLкод: <img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" /> Вставляем данные и получаем картинку с закругленными углами : Радиус установлен 80% Радиус установлен 9% bloginja

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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 5 - Cоздать звуковое приветствие и вставить его в дневник
Часть 6 - HTML отображается, как текст
Часть 7 - Всё про картинки. Часть 1. Закругляем углы.
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
...
Часть 17 - Вставить рамку в пост
Часть 18 - Скачать видео, загруженое на Лиру
Часть 19 - Развернуть картинку прямо на странице поста

Всё про картинки. Часть 4 Картинки в ряд без использования таблицы Используя тег nobr <nobr>КАРТИНКИ В РЯД</nobr> можно вставить любое количество картинок в одну строку. Но так как страничка не безразмерная, нужно следить за колличеством. На новой строке опять пишем эти теги и вставляем следующий ряд фоток. И т.д. Пример: Код для вставки картинки: <img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"> Код картинки со ссылкой на оригинал: <a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a> Читать дальше... bloginja

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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 8 - Всё про картинки. Часть 2
Часть 9 - Всё про картинки. Часть 3.
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 11 - Программа для скачивания музыки с Лиру
Часть 12 - Урок по созданию музыкальной открытки
...
Часть 17 - Вставить рамку в пост
Часть 18 - Скачать видео, загруженое на Лиру
Часть 19 - Развернуть картинку прямо на странице поста

Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать 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 - Плееры в дневник
...
Часть 17 - Вставить рамку в пост
Часть 18 - Скачать видео, загруженое на Лиру
Часть 19 - Развернуть картинку прямо на странице поста

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

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

Часть 1 - Оригинальные черные фоны
Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
...
Часть 16 - Коллекция фонов на все темы
Часть 17 - Делаем свой фон без фотошопа.
Часть 18 - Простой генератор фонов на любой вкус

Для вашего творчества и фантазии, предлагаю несколько необычных формул и ссылок которые разнообразят ваши посты и рамочки! В МОЙ ДНЕВНИК

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Рамочки - линии для выделения текста

Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе.. Там где написано ВАШ ТЕКСТ- Вставляете свой текст. В коде рамочек можно заменять цвет ободка рамки, и толщину рамки. Немного поподробнее об этих кодах. Далее...

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста
 

Фоны, это всегда необходимый и полезный источник для дизайнера. Согласитесь, иногда так тяжело найти именно то, что необходимо для текущего проекта, поста, рамки или фона для дневника.
Предлагаю вам сервис, с помощью которого вы легко и быстро сможете самостоятельно создать текстуру нужного вам цвета с произвольными параметрами зернистости (шума).

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

Часть 1 - Оригинальные черные фоны
Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
...
Часть 15 - Фоны - глиттеры
Часть 16 - Коллекция фонов на все темы
Часть 17 - Делаем свой фон без фотошопа.

[flash=550,400,http://www.xcwhw.cn/fla/hc/592.swf] это формула флэш-картинки, именно формулу мы видим в записи. Как это сделать? Все просто. В формуле перед тегом flash ставим звездочку *. Вот так [*flash Во влэшке можно поменять размеры, это те цифры, которые мы видим в формуле. Первая-ширина, вторая-высота. напимер: Вставим их в картинку Формулы как вставить флэшку (и не только) в картинку сверху слева <table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" valign="top" align="left" style="padding:0px">КОД флэшки</td></tr></table><font size="2"><b><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a></b></font> сверху в центре <table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" valign="top" align="center" style="padding:0px">КОД флэшки</td></tr></table><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a> сверху справа <table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" valign="top" align="right" style="padding:0px">КОД флэшки</td></tr></table><font size="2"><b><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a></b></font> снизу слева <table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="left" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="padding:0px">КОД флэшки</td></tr></table><font size="2"><b><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a></b></font> снизу справа <table border="0" cellpadding="0" background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="right" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="padding:0px">КОД флэшки</td></tr></table><font size="2"><b><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a></b></font> снизу в центре <table width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="border:ШИРИНА КАРТИНКИpx" background="АДРЕС КАРТИНКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br />КОД флэшки<div align="center"><a target="_blank" data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА"><img data-cke-saved-src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"" target="_blank">//img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg"</a> border="0" /></a></div></td></tr></table> Всё.... если что то не понятно - ПОМОГУ!

http://www.liveinternet.ru/users/lyudmila_spring/post313886604/

Серия сообщений "*** открытки; уроки":
Часть 1 - Интересные слайд-шоу в ваш дневник
Часть 2 - Моим Друзьям любви желаю!!!
Часть 3 - Моей любимке Ирэнке
Часть 4 - ФЛЭШКА и как вставить ее в картинку (подсказка моим друзьям)
Часть 5 - Урок №16 - фотошоп.Анимация
Часть 6 - ПРОБЛЕМЫ С СОХРАНЕНИЕМ КАРТИНОК?
...
Часть 28 - Поздравляю с праздником всех Татьян!
Часть 29 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
Часть 30 - Как сохранить гифку из одноклассников на свой комп

Серия сообщений "= МОИ УРОКИ":