• Авторизация


Как сделать кнопку для цитирования сообщения с картинкой? 20-03-2012 22:30 к комментариям - к полной версии - понравилось!

Это цитата сообщения аштемелка Оригинальное сообщение

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

от Rost, отсюда

Небольшое дополнение в [показать].

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

Изготовить кнопку-картинку немного сложнее. Но уверен, что вы справитесь с этими 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






Серия сообщений "от РОСТ":

Часть 1 - «Основные настройки» (Цикл «Все настройки ЛиРу в картинках»
Часть 2 - Часть 6. Настройки профиля.
...
Часть 28 - Как скачать файл по прямой ссылке? (Часть 2)
Часть 29 - Программы, бесплатные
Часть 30 - Как сделать кнопку для цитирования сообщения с картинкой?
Часть 31 - Как вставить плеер с плейлистом с сайта «prostopleer.com»?


вверх^ к полной версии понравилось! в evernote
Комментарии (2):
Ответ на комментарий Ольга_к # [400x450]


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать кнопку для цитирования сообщения с картинкой? | Клавдия_Савельева - Дневник Клавдия_Савельева | Лента друзей Клавдия_Савельева / Полная версия Добавить в друзья Страницы: раньше»