Как сделать кнопку для цитирования сообщения с картинкой?

Небольшое дополнение в .

Недавно научил, как сделать текстовую кнопку для цитирования сообщения. Сегодня расскажу, как сделать такую же кнопку с картинкой.

Изготовить кнопку-картинку немного сложнее. Но уверен, что вы справитесь с этими 5-ю простыми шагами.

Шаг №1
Рисуем картинку и загружаем её на ЛиРу.

Если у вас есть с этим проблемы, рекомендую прочитать это сообщение: "Всё про изображения (для ЛиРу и не только)".

Сам потратил минут 10 в одной очень удобной бесплатной программе, о которой когда-нибудь расскажу и в которой рисую все подобные картинки.

Получилось 2 таких кнопки:



Больше понравилась нижняя.

Шаг №2
Определяем адрес картинки.

Это очень просто. Есть множество способов. Например, навести на картинку указатель мыши, нажать правую кнопку и выбрать что-то типа "Копировать адрес изображения" (текст может различаться в зависимости от вашего браузера).

У моей картинки такой адрес: "http://img1.liveinternet.ru/images/attach/c/4/82/414/82414199_Save1.png"

Шаг №3
Копируем ссылку, находящуюся под ссылкой "+ в цитатник" под заголовком сообщения.
Для этого надо навести на ссылку "+ в цитатник" указатель мыши, нажать правую кнопку и выбрать что-то типа "Копировать адрес ссылки" (текст может различаться в зависимости от вашего браузера).

Шаг №4
Из данных, полученных в шагах №2 и №3 собираем такой код. Подчёркиваю: не "формулу", не "последовательность", нет "заклятие", а "код":

<a href="ссылка (из шага №3)"><img src="адрес картинки (из шага №2)"  alt="текст, который написан на картинке" /></a>

Шаг №5
Полученный в шаге №4 код копируете в сообщение, в котором и хотели разместить эту кнопку.
Например:

Удачи!

LI 5.09.15

Тэги: блог, дневник, кнопка, лира, оформление, перепост, цитата, цитирование