-Рубрики

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.02.2012
Записей:
Комментариев:
Написано: 15409


Как легко и просто сделать баннер или делаем картинку ссылкой, то есть, кликабельной

Пятница, 12 Апреля 2013 г. 17:12 + в цитатник
Цитата сообщения Nelya_Gerbekova Как легко и просто сделать баннер или делаем картинку ссылкой, то есть, кликабельной

Сегодня  расскажу Вам, как  я делаю  баннер, или любое изображение в сообщениях   кликабельным. Это можно сделать несколькими способами. Первый способ - использование кода


<a href="адрес ссылки" target="_blank"><img src="адрес картинки" /></a> 


Для этого  нужно загрузить картинку  на  любой фотохостинг и и взять ссылку №1,  т.е адрес картинки.  В последнее время я предпочитаю http://fotki.yandex.ru/   но по привычке загрузила на радикал-фото.  Адрес ссылки это страница, которая будет открываться при нажатии на картинку или баннер.  

3726295_20130410_203939 (700x190, 45Kb)

Скопируйте код в блокнот на ПК и внимательно вставьте адреса ссылки и картинки(не перепутайте)  

3726295_20130410_203250 (700x147, 38Kb)

Вставьте  в сообщение в расширенном редакторе при нажатии на ИСТОЧНИК

3726295_20130410_203417 (700x153, 23Kb)

Отправьте сообщение в ПРЕДПРОСМОТР или ЧЕРНОВИК и проверьте результат на кликабельность. Я. например,  провожу все манипуляции с картинкой в ЧЕРНОВИКЕ,а затем каждый  раз беру готовый код картинки из черновика и вставляю в сообщение.

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

3726295_20130411_221520 (700x172, 50Kb)

3726295_20130411_215940 (700x394, 90Kb)

Для примера  взяла  картинку  и сделала ее ссылкой на собственные фоны klavdia-France , которые мне очень понравились .Кликните по  картинке!

 

А  этот баннер я изготовила в обычном Worde

Третий способ очень легкий. Вообще, я настоятельно рекомендую  хранить все свои фото  на жестком диске D  своего компьютера и загружать изображения  в  расширенный(визуальный) редактор. Лишь тогда можно быть уверенным, что вместо картинок, через некоторое время вы не увидите  пустой квадрат .Вот например, фото на радикал-фото удаляются через год  и все труды "коту под хвост".Читайте пост  Почему пропадают картинки и фотки?

3726295_20130411_212527 (590x213, 31Kb)

3726295_20130411_205819 (700x119, 23Kb)

Как видно из скринов и как говорят опытные пользователи "на фотохостинг надейся,а сам не плошай!"

Загрузив картинку  из ПК в редактор, с  помощью простых манипуляций можно сделать любую картинку не только кликабельной,  но  и со всплывающим текстом  при наведении на картинку.   Для этого жмем на иконку ИЗОБРАЖЕНИЕ и загружаем картинку из ПК. Когда картинка загрузится переходим на вкладку ССЫЛКА 

3726295_20130410_222342 (505x466, 57Kb)

В выпавшем окне в графе URL вписываем  ссылку на страницу перехода

3726295_20130410_222642 (448x189, 34Kb)

Далее переходим на вкладку РАСШИРЕННЫЙ и в графе ЗАГОЛОВОК  пишем всплывающий текст.

3726295_20130410_223044 (502x299, 42Kb)

Жмем ОК и любуемся результатом . 

3726295_ (352x491, 34Kb)

Добро пожаловать в мой дневник

Для желающих работать с кодом, для кликабельной картинки со всплывающим текстом, даю код ,только не забудьте вместо width=100 height=100  вставить размеры картинки, где width-ширина, а height - высота картинки 


<a href="Адрес страницы, на которую будет указывать баннер" target=_blank><img src="Адрес картинки из Интернета или из Радикала (ссылка№1)" border="0" title="Текст, видимый, в качестве подсказки, при наведении на ссылку." width=100 height=100></a>

3726295_0586d8d05e60 (499x3, 0Kb)

Рубрики:  Программы/Фотошоп
Метки: