Как вставить картинку в пост, чтобы при клике на ссылку она открылась?

По просьбам моих друзей и читателей ещё один небольшой иллюстрированный урок.

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

выглядит это так: Открыть картинку в новом окне!

Урок не тяжёлый, но требует внимания.

Хочу сразу заметить: Браузер значения не имеет, во всех теги читаются одинаково!

Итак, для начала нам  нужно скопировать себе на компьютер в любой текстовый редактор  вот такой тег:

<div class="BlInnrcomTopTxtCont" id="BlInnrcomCont623732844">ВЫГЛЯДИТ ЭТО ТАК<a href="<a href="http:////img1.liveinternet.ru/images/attach/c/4//3909/3909796_k_sheme_nezhnost.swf"" target="_blank">//img1.liveinternet.ru/images/attach/c/4//3909/3909796_k_sheme_nezhnost.swf"</a> target="_blank">Открыть flash-объект в новом окне!</a></div>

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

Редактировать тег можем как и у себя на компьютере в любом текстовом редакторе, потом скопировать его и вставить в блог, либо сразу  в браузере: в комментарии или посте.

Обязательно оставляйте для себя шаблон,чтобы потом не искать!

Внимание! Любые ваши манипуляции не могут привести к каким-бы-то-ни было сбоям в компьтере или браузере!

1. Откываем шаблон тега, копируем его, вставлям в браузер. (компьютер).

Ничинаем редактированние.

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

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

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

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

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

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

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

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

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

Советы по оформлению дневничков

Как очень быстро сделать свою собственную схему:
http://www.liveinternet.ru/users/2670115/post206816458/

Как быстро сделать свой бесшовный фон:
http://www.liveinternet.ru/users/2670115/post212235775/

Как поменять шрифт в уже сделанной кем-то схеме:
http://www.liveinternet.ru/users/2670115/post161537360/

Как добавить картинку в эпиграф дневника:
http://www.liveinternet.ru/users/2670115/post207214702/

Как форматировать текст в сообщении:
http://www.liveinternet.ru/users/2670115/post221133891/

Коллекция бесшовных фонов:
http://www.liveinternet.ru/users/2670115/post177991796/

Еще одна коллекция фонов (фон, а к нему еще и прозрачный фон на сообщения):
http://www.liveinternet.ru/users/2670115/post144177217/

Как убрать сообщение под кат:
http://www.liveinternet.ru/users/2670115/post218767670/

Как сделать, чтобы картинки в сообщении прокручивались:
http://www.liveinternet.ru/users/2670115/post221195798/

Как легко вставить картинку из Интернета в ваше сообщение:
http://www.liveinternet.ru/users/2670115/post137347894/

Как сделать баннер самостоятельно:
http://www.liveinternet.ru/users/2670115/post136343258/

2 простые рамочки для Вас!!!

... ВАШ ТЕКСТ...

Пожалуйста,не забирайте просто код из окошечка! Цитируйте рамочку! Вам не сложно,а мне приятно!

+Еще рамочка...

Серия сообщений "Простые":

Часть 1 - Рамочка простая черная для текста
Часть 2 - Рамочка простая для текста
...
Часть 37 - Простые ягодно-фруктовые рамочки
Часть 38 - Рамочка коричневая
Часть 39 - 2 простые рамочки для Вас!!!
Часть 40 - 2 простые рамочки для Вас!!! (часть 2)
Часть 41 - 2 простые рамочки для Вас!!! (часть 3)
Часть 42 - 2 РАМОЧКИ (РОЗОВАЯ И БЕЖЕВАЯ)
Часть 43 - ПРОСТЫЕ РАМОЧКИ

Рамочка простая для текста с золотыми разделителями

ВАШ ТЕКСТ undina77

Забирая код из окошечка,пожалуйста,цитируйте!
<table style="border:0px none #000000" background="//s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s018.radikal.ru/i501/1203/1e/23075fce4c7d.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://www.lenagold.ru/fon/rast/chzol/rast83.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:35px"><table style="border:0px none #000000" background="//s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" height="500" style="border:0px none #000000" background="//s018.radikal.ru/i501/1203/1e/23075fce4c7d.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="х"><tbody><tr><td></td><td width="100%"> </td><td> </td></tr><tr><td> </td><td><br /><center><a target="_blank" href="http://www.radikal.ru"><img src="//s017.radikal.ru/i426/1203/33/a1fa07bac9b2.gif" /></a> <br /> <font color="FFCC99"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center><a target="_blank" href="http://www.radikal.ru"><img src="//s017.radikal.ru/i426/1203/33/a1fa07bac9b2.gif" /></a> </center></td><td> </td></tr><tr><td> </td><td> </td><td><br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="2"><b><font color="#FFCC99">undina77</font></b></font></a></center></td></tr></table></td></tr></table>

Серия сообщений "Простые":

Часть 1 - Рамочка простая черная для текста
Часть 2 - Рамочка простая для текста
...
Часть 15 - Рамочка простая для текста- Книги
Часть 16 - Рамочка простая- цветочная2
Часть 17 - Рамочка простая для текста с золотыми разделителями
Часть 18 - Рамочка простая для текста с белыми разделителями
Часть 19 - Рамочка простая с цветочным разделителем и бабочкой
...
Часть 41 - 2 простые рамочки для Вас!!! (часть 3)
Часть 42 - 2 РАМОЧКИ (РОЗОВАЯ И БЕЖЕВАЯ)
Часть 43 - ПРОСТЫЕ РАМОЧКИ

Рамочка простая- Бежевое кружево

ВАШ ТЕКСТ

<table style="border:0px none #000000" background="//s52.radikal.ru/i137/1202/5a/dec4ca5e27c1.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s017.radikal.ru/i433/1202/a2/1afc58ba6d44.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//s52.radikal.ru/i137/1202/5a/dec4ca5e27c1.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//i072.radikal.ru/1202/11/2c8b92a92373.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:0px none #000000" background="//s52.radikal.ru/i137/1202/5a/dec4ca5e27c1.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" height="500" style="border:0px none #000000" background="//s017.radikal.ru/i433/1202/a2/1afc58ba6d44.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="ФОН 8 СЛОЙ"><tbody><tr><td></td><td width="100%"> </td><td> </td></tr><tr><td> </td><td><br /><center> <br /> <font color="FFCC99"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center> </center></td><td> </td></tr><tr><td> </td><td> </td><td><br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000"><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/glit_1/1329214718xtB92Gygp.gif" border="0" /></a></font></b></font></a></center></td></tr></table></td></tr></table>

Серия сообщений "Простые":

Часть 1 - Рамочка простая черная для текста
Часть 2 - Рамочка простая для текста
...
Часть 10 - Рамочка простая для текста -Красная
Часть 11 - Рамочка простая с разделитями
Часть 12 - Рамочка простая- Бежевое кружево
Часть 13 - Рамочка простая для текста-Розовые тюльпаны
Часть 14 - Рамочка простая для текста- Разноцветные бабочки
...
Часть 41 - 2 простые рамочки для Вас!!! (часть 3)
Часть 42 - 2 РАМОЧКИ (РОЗОВАЯ И БЕЖЕВАЯ)
Часть 43 - ПРОСТЫЕ РАМОЧКИ

Рамочка простая для текста -Синяя

ВАШ ТЕКСТ

<table style="border:0px none #000000" background="//s018.radikal.ru/i502/1202/3f/80f3e20407a0.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s41.radikal.ru/i093/1202/bb/e8905ec1eaff.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//s018.radikal.ru/i502/1202/3f/80f3e20407a0.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//s018.radikal.ru/i519/1202/92/d17cdec76888.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:35px"><table style="border:0px none #000000" background="//s018.radikal.ru/i502/1202/3f/80f3e20407a0.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" height="500" style="border:0px none #000000" background="//s41.radikal.ru/i093/1202/bb/e8905ec1eaff.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="//s41.radikal.ru/i093/1202/bb/e8905ec1eaff.jpg"><tbody><tr><td></td><td width="100%"> </td><td> </td></tr><tr><td> </td><td><br /><center> <br /> <font color="99CCCC"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center> </center></td><td> </td></tr><tr><td></td><td> </td><td><br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000"><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/glit_1/1328178650h9EJ1PWCq.gif" border="0" /></a></font></b></font></a></center></td></tr></table></td></tr></table>

Серия сообщений "Простые":

Часть 1 - Рамочка простая черная для текста
Часть 2 - Рамочка простая для текста
Часть 3 - Рамочка простая для текста
Часть 4 - Рамочка простая для текста -Синяя
Часть 5 - Рамочка простая для текста с цветочными разделителями.
Часть 6 - Рамочка для текста -Розовый жемчуг
...
Часть 41 - 2 простые рамочки для Вас!!! (часть 3)
Часть 42 - 2 РАМОЧКИ (РОЗОВАЯ И БЕЖЕВАЯ)
Часть 43 - ПРОСТЫЕ РАМОЧКИ

Рамочка простая черная для текста

ВАШ ТЕКСТ

<table style="border:10px solid #000000" background="//s017.radikal.ru/i431/1201/eb/5304baaeb7d6.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:50px"><table style="border:0px none #000000" background="//s018.radikal.ru/i526/1201/ab/f5c78d5da446.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="600" style="border:0px none #000000" background="//s018.radikal.ru/i505/1201/74/73239541f300.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Garamond;color:#FFFFCC;font-size:20px">ВАШ ТЕКСТ</span></td></tr></table></td></tr></table><center><a href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70"><a href="http://x-lines.ru/" target="_blank"><img src="http://x-lines.ru/glit_1/1327499228VsWjtvd1C.gif" border="0" /></a></font></b></font></a></center></td></tr></table>

Серия сообщений "Простые":

Часть 1 - Рамочка простая черная для текста
Часть 2 - Рамочка простая для текста
Часть 3 - Рамочка простая для текста
...
Часть 41 - 2 простые рамочки для Вас!!! (часть 3)
Часть 42 - 2 РАМОЧКИ (РОЗОВАЯ И БЕЖЕВАЯ)
Часть 43 - ПРОСТЫЕ РАМОЧКИ

Урок,как разделить текст на 2 части...)))

По просьбам читателей, постараюсь объяснить как разделить текст на 2 части. Например вы решили поставить пост со стихами, или ссылками, а пост занимает много места в длину. Тогда его можно разделить на две части. Вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... В этом окошечке формула, деления поста на две части Скопировав формулы, вы стираете слова ПЕРВАЯ ЧАСТЬ ПОСТА, и ставите ВМЕСТО НИХ СВОЮ ПЕРВУЮ ЧАСТЬ. Я в примере ставлю ДВА ПЕРВЫЕ СТОЛБИКА СТИХОТВОРЕНИЯ. Затем стираете слова ВТОРАЯ ЧАСТЬ ПОСТА, и вместо них (между кавычек) СТАВИТЕ ВТОРУЮ ЧАСТЬ ПОСТА. В моем примере это третий и четвертый столбик стихов. Вот в принципе и все. Но если вам хочется как то оживить пост, украсить его, то между четверостишьями поставьте любой блинг, украшение, короткий разделитель, или просто звездочки. Вставьте как обычную картинку. СМОТРИМ на рисунке ЖЕЛТЫМ выделена 1-я часть поста (два четверостишья) СЕРЫМ - вторая часть поста. (вошла в рисунок не вся) ГОЛУБЫМ - между четверостишьями вставлена небольшая картинка- разделитель. Посмотрите внимательно, перед текстом стоит размер текста, его цвет и жирность Перед кодом картинок стоит тег - РАСПОЛАГАТЬ ПО СЕРЕДИНЕ. Что б он встал посредине четверостишья. С картинками пост будет чуть оживлен и е будет выглядеть вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... Ну и что бы окончательно завершить пост, я взяла его в обыкновенную рамку с разрывом, поставила фон рамки, картинку в разрыве. Как делать такие рамки подробно НАПИСАНО ВОТ ЗДЕСЬ. Там же даны и коды таких рамочек. Все это несложно, сделать по уроку один раз, и все запомнится. главное НЕ БОЙТЕСЬ ПРОБОВАТЬ! И У ВАС ВСЕ ПОЛУЧИТСЯ. Успехов в вашем творчестве. Окончательно наш пост выглядит вот так. Друзей не выбирают – их встречают, Их берегут – им жизни отдают. И с ними время интересней пролетает, И с ними – радость, счастье и уют. Когда грущу – они мне помогают, Уеду далеко – приходят письма мне. Они страдают за меня, переживают – И нет друзей вернее на Земле!   Ни беды, горести, ни расстояния Ни разлучат ни на секунду нас. И лишь одно мне грезится желанье – Хотя бы на мгновенье видеть вас... Почти уж год не видел я друзей, Лишь с фотографий светятся их блики. Хмелём я заглушу тоски душевной крики – И тает пелена тумана будних дней... Из блога ГАЛИНЫ ШАДРИНОЙ

12 КНОПОЧЕК "ДАЛЕЕ..."С КОДАМИ ДЛЯ ВАС
 

ЕЩЕ 12 КНОПОЧЕК ДЛЯ ВАС <img data-cke-saved-src="//s019.radikal.ru/i621/1206/49/d6e0c0986d94.png" src="//s019.radikal.ru/i621/1206/49/d6e0c0986d94.png" border="0" /> <img data-cke-saved-src="//s017.radikal.ru/i418/1206/2e/42ad9fc7d7da.png" src="//s017.radikal.ru/i418/1206/2e/42ad9fc7d7da.png" border="0" /> <img data-cke-saved-src="//s019.radikal.ru/i634/1206/4c/c908c86e28d0.png" src="//s019.radikal.ru/i634/1206/4c/c908c86e28d0.png" border="0" /> <img data-cke-saved-src="//s019.radikal.ru/i612/1206/76/75a073e6af45.png" src="//s019.radikal.ru/i612/1206/76/75a073e6af45.png" border="0" /><br />

 

Серия сообщений "Мои кнопочки":

Часть 1 - Кнопочки
Часть 2 - КНОПОЧКИ "ДАЛЕЕ..."+КОДЫ
Часть 3 - 12 КНОПОЧЕК "ДАЛЕЕ..."С КОДАМИ ДЛЯ ВАС
Часть 4 - КНОПОЧКИ "ЖМИ СЮДА.." И "ЕЩЕ ИНТЕРЕСНЕЕ.."+КОДЫ
Часть 5 - 6 КНОПОЧЕК "ЕЩЕ ФОТОГРАФИИ.."C КОДАМИ
Часть 6 - Кнопочки- переходы с кодами.Часть 2
Часть 7 - 6 РАЗНЫХ КНОПОЧЕК "ДАЛЕЕ..." С КОДАМИ ДЛЯ ВАС!!!!
 

Рамочки текстовые гобеленовые для Ваших постов.

Рамочки текстовые гобеленовые для Ваших постов.

Код рамочки. Вставлять в Простом редакторе.
Беря код, оставьте пожалуйста комментарии или нажмите "нравится", мне будет приятно.

Ваш текст Nella solneshko

<center><table style="border:2px outset #DEB887" background="//s017.radikal.ru/i422/1110/a0/127d8b491b39.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//s017.radikal.ru/i422/1110/a0/127d8b491b39.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5414/133310687.2b/0_6a6e2_f3126642_S" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:2px outset #DEB887" background="//s017.radikal.ru/i422/1110/a0/127d8b491b39.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//s017.radikal.ru/i422/1110/a0/127d8b491b39.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="500" style="border:2pxinset#DEB887" background="//img0.liveinternet.ru/images/attach/c/4/82/85/82085162_30.png" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="left"><span style="font-family:Lucida Grande;color:#ffffff;font-size:25px;"><center><br /><br /><br /> Ваш текст<br /><br /> <br /><br /><img src="//img-fotki.yandex.ru/get/3813/mangiana.37/0_3ff3b_118df223_M.jpg" /></center></span><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><font color="#330000">Nella solneshko</font></font></a></span></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center><br />

Ваш текст Nella solneshko

<center><table style="border:2px outset #DEB887" background="//s45.radikal.ru/i110/1109/8a/12d09f1cd90e.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//s45.radikal.ru/i110/1109/8a/12d09f1cd90e.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/4611/133310687.2d/0_6a765_ad92749c_S" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:2px outset #DEB887" background="//s45.radikal.ru/i110/1109/8a/12d09f1cd90e.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//img-fotki.yandex.ru/get/4421/109005656.188/0_7be10_1edf5d5f_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="500" style="border:2pxinset#DEB887" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="left"><span style="font-family:Lucida Grande;color:#330000;font-size:25px;"><center><br /><br /><br /> Ваш текст<br /><br /> <br /><br /><img src="//img-fotki.yandex.ru/get/3813/mangiana.37/0_3ff3b_118df223_M.jpg" /></center></span><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><font color="#330000">Nella solneshko</font></font></a></span></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Ваш текст Nella solneshko

<center><table style="border:2px outset #DEB887" background="//s004.radikal.ru/i207/1109/42/28d51ea048b2.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//s004.radikal.ru/i207/1109/42/28d51ea048b2.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/4611/133310687.2b/0_6a6da_fb92efc9_S" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:2px outset #DEB887" background="//s004.radikal.ru/i207/1109/42/28d51ea048b2.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//s004.radikal.ru/i207/1109/42/28d51ea048b2.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="500" style="border:2pxinset#DEB887" background="//s02.radikal.ru/i175/1112/b1/d2c81991eccc.png" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="left"><span style="font-family:Lucida Grande;color:#330000;font-size:25px;"><center><br /><br /><br /> Ваш текст<br /><br /> <br /><br /><img src="//img-fotki.yandex.ru/get/3813/mangiana.37/0_3ff3b_118df223_M.jpg" /></center></span><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><font color="#330000">Nella solneshko</font></font></a></span></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Ваш текст Nella solneshko

<center><table style="border:2px outset #DEB887" background="//img0.liveinternet.ru/images/attach/c/2//69/631/69631504_Izobrazhenie3.png" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//img0.liveinternet.ru/images/attach/c/2//69/631/69631504_Izobrazhenie3.png" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5500/133310687.2d/0_6a742_6c409d6a_S" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:2px outset #DEB887" background="//img0.liveinternet.ru/images/attach/c/2//69/631/69631504_Izobrazhenie3.png" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px inset #DEB887" background="//img-fotki.yandex.ru/get/5907/galchenko-vn.36/0_59bcf_b52e95c5_XS.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:2px outset #DEB887" background="//img0.liveinternet.ru/images/attach/c/2//69/631/69631504_Izobrazhenie3.png" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="500" style="border:2pxinset#DEB887" background="//s46.radikal.ru/i111/0811/94/52b3c4cdbd33.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="left"><span style="font-family:Lucida Grande;color:#330000;font-size:25px;"><center><br /><br /><br /> Ваш текст<br /><br /> <br /><br /><img src="//img-fotki.yandex.ru/get/3813/mangiana.37/0_3ff3b_118df223_M.jpg" /></center></span><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><font color="#330000">Nella solneshko</font></font></a></span></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Серия сообщений " разные":

Часть 1 - УРА!!!ПОЛУЧИЛОСЬ!МОИ ПЕРВЫЕ ТЕКСТОВЫЕ РАМОЧКИ С КОДОМ.
Часть 2 - МОИ ТЕКСТОВЫЕ РАМОЧКИ с кодом
...
Часть 15 - Рамочки для картинок с текстом для Ваших постов.
Часть 16 - Рамочки для юмора.
Часть 17 - Рамочки текстовые гобеленовые для Ваших постов.
Часть 18 - Рамочки текстовые для Ваших постов
Часть 19 - Рамочки текстовые в горошек для Вас.
...
Часть 36 - Рамочка текстовая золотистая для Вас.
Часть 37 - Рамочки текстовые разные для Вас.
Часть 38 - Рамочки для стихов.(2 варианта)

Рамочки для юмора.

Рамочки для юмора.

Код рамочки. Вставлять в Простом редакторе.
Беря код, оставте пожалуйста комментарии или нажмите "нравиться", мне будет приятно.




<div align="center"><table style="border:2px outset #00008B;background-image:url(//img-fotki.yandex.ru/get/5313/109005656.100/0_76fa7_93f5c13f_XS.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:1px inset #00008B;background-image:url(//img-fotki.yandex.ru/get/4514/natali73123.31a/0_55229_24aebcd3_L.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:1px outset #00008B;background-image:url(//img-fotki.yandex.ru/get/5313/109005656.100/0_76fa7_93f5c13f_XS.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:1px inset #00008B;background-image:url(//img-fotki.yandex.ru/get/4514/natali73123.31a/0_55229_24aebcd3_L.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:1px outset #00008B;background-image:url(//img-fotki.yandex.ru/get/5313/109005656.100/0_76fa7_93f5c13f_XS.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="650" style="border:1px inset #00008B;background-image:url(//img-fotki.yandex.ru/get/4514/natali73123.31a/0_55229_24aebcd3_L.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="center"><span style="font-family:Monotype Corsiva;color:#00008B;font-size:30px"><img src="http://content.foto.mail.ru/mail/kydesnica.v/_animated/i-4673.gif" width="244" height="255" alt="(244x255)" align="left" /><br /><br /><br /><img src="//img-fotki.yandex.ru/get/4712/101695605.ac2/0_8f24d_63ebc566_L.jpg" width="380" style="width:380px;" /><br /><br /><img src="//img1.liveinternet.ru/images/attach/c/3/77/277/77277659_0_5cca9_d8f431db_XL1.gif" width="148" height="379" alt="(148x379)" align="right" /><img src="//s005.radikal.ru/i212/1009/56/cdddabd2f7cc.gif" width="282" height="73" alt="(282x73)" /><br /><br /> ВАШ ТЕКСТ<br /> <br /><br /><img src="http://www.goldclipart.com/24k.images/goldimages/fancy66.gif" /></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="color:#000000;font-size:20px"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><b><font color="#00008B">Nella solneshko</font></b></font></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>



2



<div align="center"><table style="border:2px outset #8B4513;background-image:url(//img-fotki.yandex.ru/get/4410/55353966.65/0_62908_a9bcf5f7_S)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:1px inset #8B4513;background-image:url(//img-fotki.yandex.ru/get/5303/sasa-aleksandra.1a/0_539be_d9f6cd5e_M.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:1px outset #8B4513;background-image:url(//img-fotki.yandex.ru/get/4410/55353966.65/0_62908_a9bcf5f7_S)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:1px inset #8B4513;background-image:url(//img-fotki.yandex.ru/get/5303/sasa-aleksandra.1a/0_539be_d9f6cd5e_M.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:1px outset #8B4513;background-image:url(//img-fotki.yandex.ru/get/4410/55353966.65/0_62908_a9bcf5f7_S)" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="650" style="border:1px inset #8B4513;background-image:url(//img-fotki.yandex.ru/get/5303/sasa-aleksandra.1a/0_539be_d9f6cd5e_M.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" align="center"><span style="font-family:Monotype Corsiva;color:#FF8C00;font-size:30px"><img src="http://content.foto.mail.ru/mail/kydesnica.v/_animated/i-4673.gif" width="244" height="255" alt="(244x255)" align="left" /><br /><br /><br /><img src="http://www.goldclipart.com/24k.images/goldimages/fancy66.gif" /><br /><br /><img src="//img1.liveinternet.ru/images/attach/c/3/77/277/77277659_0_5cca9_d8f431db_XL1.gif" width="148" height="379" alt="(148x379)" align="right" /><img src="//s005.radikal.ru/i212/1009/56/cdddabd2f7cc.gif" width="282" height="73" alt="(282x73)" /><br /><br /> ВАШ ТЕКСТ<br /> <br /><br /><img src="http://www.goldclipart.com/24k.images/goldimages/fancy66.gif" /></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="color:#FF8C00;font-size:20px"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><b><font color="#FF8C00">Nella solneshko</font></b></font></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>









Код рамочки. Вставлять в Простом редакторе.
Беря код, оставте пожалуйста комментарии или нажмите "нравиться", мне будет приятно.

Серия сообщений " разные":

Часть 1 - УРА!!!ПОЛУЧИЛОСЬ!МОИ ПЕРВЫЕ ТЕКСТОВЫЕ РАМОЧКИ С КОДОМ.
Часть 2 - МОИ ТЕКСТОВЫЕ РАМОЧКИ с кодом
...
Часть 14 - Рамочка зимняя текстовая для Ваших постов.
Часть 15 - Рамочки для картинок с текстом для Ваших постов.
Часть 16 - Рамочки для юмора.
Часть 17 - Рамочки текстовые гобеленовые для Ваших постов.
Часть 18 - Рамочки текстовые для Ваших постов
...
Часть 36 - Рамочка текстовая золотистая для Вас.
Часть 37 - Рамочки текстовые разные для Вас.
Часть 38 - Рамочки для стихов.(2 варианта)

Как использовать формулу разрезной рамочки)))Урок для новичков...


По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь
Читать далее...

Урок для новеньких"Как вставить музыку на картинку"

Урок для новеньких"Как вставить музыку на картинку"

mimozochka Этот пост я сделала для тех кто хочет научиться ставить музыку на картинку. Здесь я выделила цветом ,что нужно менять по вашему желанию. Размер 18,18, в виде кнопки как у меня на картинке показан на скрине,но можно свои размеры.Код вставляем полностью,что взяли с сайта.Музыку берем с сайта Здесь То что помечено зеленым,в кавычках меняем, вправо или влево по желанию. Значения(br) это наскольно вниз вы хотите опустить плеер. Нижняя часть скрина,код картинки с музыкой.Сам код находится внизу в окошке для кода. <table align="center"><table width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="border:ШИРИНА бордюра px" background="АДРЕС КАРТИНКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> КОД ПЛЕЕРА<br /><p align="center"><a target="_blank" href="АДРЕС ВАШЕГО ДНЕВНИКА"><font size="1"><font color="000000">ВАШ НИК</font></font></a></p></b></span></td></tr></table></table><center></center> mimozochka

Серия сообщений "уроки по музыке":

Часть 1 - Как легко найти и вставить музыку в дневник
Часть 2 - Добавляем музыку в дневник...
...
Часть 6 - Если в блоге не играет музыка.
Часть 7 - Учимся делать музыкальную открытку
Часть 8 - Урок для новеньких"Как вставить музыку на картинку"
Часть 9 - УРОК =ДЕЛАЕМ ПЛЕЕР С You Tube
Часть 10 - Конвертируем любое видео в МР3
...
Часть 19 - Как сделать Плейлист на Привет.ру - по новому.
Часть 20 - Как извлечь музыку из видео YouTube
Часть 21 - Ссылки MP3 - ко Дню Победы

Серия сообщений "уроки по музыке":

Часть 1 - Как легко найти и вставить музыку в дневник
Часть 2 - Добавляем музыку в дневник...
...
Часть 6 - Если в блоге не играет музыка.
Часть 7 - Учимся делать музыкальную открытку
Часть 8 - Урок для новеньких"Как вставить музыку на картинку"
Часть 9 - УРОК =ДЕЛАЕМ ПЛЕЕР С You Tube
Часть 10 - Конвертируем любое видео в МР3
...
Часть 20 - Как извлечь музыку из видео YouTube
Часть 21 - Ссылки MP3 - ко Дню Победы
Часть 22 - Обрезать мр3 с помощью бесплатной программы mp3DirectCut

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок

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

смотрим и читаем внимательно

Текст с прокруткой

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

Копируйте код из окошка и вместо слов ВАШ ТЕКСТ пишите то, что вам надо.

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

Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 9 - Как выложить схему оформления в свой дневник
Часть 10 - Если не приходят уведомления на почту
Часть 11 - Текст с прокруткой
Часть 12 - Как получить ссылку на музыку?
Часть 13 - Что сделать, если у вас в блоге не играет музыка?
...
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ

Как самому сделать весёлый плеер без специальных навыков и программ Урок

Как сделать для себя и своих нужд вот такие веселые плееры Без всяких навыков вы легко сможете сделать свой собственный с нужной вам картинкой и вставить в него свою музыку. Для этого вам достаточно выбрать интересную картинку, лучше анимационную, песню и вид кнопки и всё...Думаю, что проблем с поиском кнопок у вас нет, их полно в сети. Кстати, напоминаю вам об уроке, который я выставляла недавно, когда анимационная картинка с Яндекс.фоток бывает со стрелочкой в углу и она по этой причине будет обычной картинкой. Кто пропустил, почитайте. Итак:

смотрим подробно

Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!
<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="https://www.liveinternet.ru/users/5580147/post453637344/"><b><img src="адрес картинки" /><br /></b></a><br /> <a href="http://адрес ссылки поста" target="_blank"><font size="1">источник</font></a><br /> <center><a target="_blank" href="адрес дневника"><font size="+1">ваш ник</font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table>

Моя первая рамочка!"Мечтаю о тебе..."

Ваш текст...

Pannamusic

Серия сообщений "Мои рамочки":

Часть 1 - Моя первая рамочка!"Мечтаю о тебе..."
Часть 2 - Рамочка "Романтический вечер..."
Часть 3 - Рамочка "Жемчужная роскошь"
...
Часть 21 - Снова праздник-День рождения!Принимаю поздравления!
Часть 22 - Красивые рамочки с роскошными розами для Вас!5 штук!
Часть 23 - До свидания,лето,до свидания...

Красивые кнопочки-переходы+код!Подарок от Pannamusic.Часть 2.

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