Как сделать картинку-ссылку

Кликабельные картинки

Пазлы собирать умеешь? Нет? Ну кубики в детстве приходилось складывать? Вот и хорошо, значит, сумеешь сделать так, чтобы картинка стала кликабельной, то есть превратилась в ссылку.

Я сначала в «Моих документах» завожу файл «Картинка-ссылка». В нем и работаю.
Почему не сразу в черновике дневника? А потому, что в Моих документах легко окрасить «кубики» конструкции в разные цвета, и поэтому потом легко их собирать в нужном порядке.

Сначала раздобываем код картинки.
Но ради кода картинки придется-таки начинать с лирушного дневника.
В дневнике совершаем такие действия:
Написать (там нашлепать хоть одно слово) – Прикрепить файл (Обзор)(тут выбираю картинку и жму «открыть») – Предпросмотр.
И картинка появляется в черновике.

Теперь жмем «редактировать». Открывается окно, в котором вместо картинки черт знает что, вот это, например:

Выглядит громоздко, страшненько, ну а нам какое дело. Для нас главное – что это первый кубик в нашей будущей конструкции.
Это и есть код картинки.

Копируем его и переносим в «Мои документы». В файл «Картинка-ссылка».
Считай, первый пазл (ну или кубик)) у нас уже есть.

Теперь нужен адрес той страницы в Интернете, на которую мы хотим сослаться. Например, чтобы картинка переносила читателя на страницу со статьей «Эликсир молодости». Иду на ту страницу и копирую адрес в адресной строке браузера:

Это будет второй кубик нашей конструкции.

Ну и, может быть, нужна подсказка читателю что на эту картинку нужно нажать мышкой. Типа "Жми сюда!".

Кстати, подсказка вовсе не обязательна, народ, как правило, знает, что если мышка превратилась в лапку, значит, нужно жать. Так что этот абзац можешь пропустить. А можешь и почитать.
Чтобы на картинке при наведении мышки всплывала подсказка, нужно набрать титл:

Ну и последний, четвертый элемент для картинки-ссылки. Для того, чтобы ссылка работала, ее надо заключить в конструкцию
Набираем "хриф" с угловой скобкой и знаком равенства и начинаем собирать конструкцию.
Хриф + адрес ссылки (заключить в кавычки) + код картинки + титл (русские слова в кавычках) + закрыли конструкцию косой палкой и угловой скобкой + завершили все палкой с буквой а в угловых скобках.
И вот что мы имеем в собранном виде:

Если всю эту собранную конструкцию скопировать, перенести в дневник и опубликовать, то вместо всех этих букв и значков появится картинка:

Нажми на нее, и ты перенесешься на страницу, где написана статья "Эликсир молодости".

О картинках на ЛиРу и длинных постах

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

Путеводитель по сайту, блогу своими руками!

Ну что ж, кажись доделал я версию путеводителя для всех:-)

Учимся пользоваться и берем себе в личное пользование.
Объяснений прилично, так что приготовьтесь. Но на самом деле все очень просто!

Сам путеводитель на данный момент выглядит так:

Читать дальше > > >

Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом "здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок Текст, который красиво расположится между картинками.
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом ТЕКСТ ТЕКСТ

Транслируем блоги с ЛиРу на... (часть 2).

Как разместить в посте много картинок с кодами

Выглядят они примерно так, как эта популярная нынче картинка с работником и колхозницей:

<a href="bravedefender.ru"><img border="0" src="http://s41.radikal.ru/i093/0911/e6/79eee205228c.gif"></a>

Добавить музыку на ваше фото

Подписать картинку. (памятка)

Быстро наложить текст на картинку без графических редакторов:<center><table border="0" cellpadding="0" cellspasing="0"><tr><th width=".." height=".." background="АДРЕС КАРТИНКИ" valign="bottom"><font color="#FF0000" size=" +2">ВАШ ТЕКСТ</font></th></tr></table></center>
В значения width и height вместо многоточий ставятся размеры картинки (их можно узнать из пункта “Свойства” вашей картинки)
Можно изменить значение valign="bottom" .
Измениться положение текста на картинке.
"bottom" (текст - внизу) изменить на "middle"( текст будет отображаться посередине) или изменить на "top" (текст окажеться вверху).
font color="#FF0000" - Цвет текста.
size="+2" - Размер текста.
Чем больше цифра, тем крупнее шрифт.
Вот примерный результат.

Фотоальбомы, пошаговая инструкция

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

(Это скрины, сами альбомы под катом:-)