пятница, 2 ноября 2012 г.

Картинка ссылка .Йёжа йежов

Картинка - ссылка.Йёжа Йежов

Стих Йёжи Йежова

Чтоб картинка ссылкой стала ,
Нужно просто взять нам код !
И пока мы не устали ,
Записать его в блокнот !

Картинку на хостинг заливаем ,
А правой кнопкой адрес мы берём ,
И в этот код его вставляем ,
И адрес тот ,куда пойдём 

И при нажатии картинки ,
Нас куда-то там пошлёт .
Все Людмилы и Иринки
Будут наши с тобой ,вот !

Ведь картинка в виде ссылки-
Это клёво  ,классно , стильно !
Покажи  своей ты Милке .
Мож , полюбит тебя  сильно!

По мотивам статьи находящейся здесь 
В общем -то всё просто до безобразия .Есть формула -код ,куда вставляем Ссылку на нашу картинку . Желательно это делать в режиме HTML сообщения . 
Подробно рассказано как взять ссылку  на картинку  в статье Заливаем фото для блога
В общем то и всё .Вместо АДРЕСА ССЫЛКИ ставим адрес. куда нам надо перейти ,вместо ПУТЬ К КАРТИНКЕ ,естественно адрес своей картинки

код
<href="адрес_ссылки"><img src="путь_к_картинке" /></a>

 

Получаем что-то вот такое 




Если мы всё правильно сделали ,то при нажатии на картинку перейдём по адресу ,который вставили в код выше .
Можете попробовать нажать на картинку


Иногда нам надо сделать ,чтобы при наведении мышки на картинку появлялась подсказка .А также неплохо бы и размеры менять.Тогда приходит  на помощь  формула-код ,взятая здесь 
Также вставляем в режиме создания сообщения HTML 
 
<a href="Адрес ссылки" target="_blank" title="Название "><img alt="Подсказка" height="Высота картинки цифра " src="Адрес картинки"  width="Ширина картинки цифра " /></a>



 target="_blank"-это открытие ссылки в новом окне или вкладке
Вместо Высота картинки цифра или Ширина картинки цифра вставляем свои цифровые параметры .
Или оставляем кавычки пустыми ,тогда картинка приобретёт размер по умолчанию.
Получается что-то вроде картинки ниже
Размер я не стал менять, при наведении мышки появляется подсказка,
Ёжик в чайникекуда будет осуществлён переход .При нажатии должны быть перенаправлены по адресу ,который указали в коде.

Почти  всё ,но давайте сделаем из любой картинки картинку -ссылку


Делаем уже установленную картинку сылкой
Иногда уже картинка в блоге уже стоит .А нам хочется сделать из неё ссылку . Возможно ли это ? Одназначно Да .Если вы посмотрите на код картинки ссылки

<href="адрес_ссылки"><img src="путь_к_картинке" /></a>

То вы видите адрест ссылки .А код картинки выглядит так


Для того чтобы сделать картинку ссылкой просто меняем
адрес ссылки картинки (он выделен красным на картинке )
на свой Адрес перехода (куда должны быть перенаправлены при нажатии на картинку).Адрес находится между кавычек . Копируйте и вставляйте очень внимательно.
Вот мы и получили из любой картинки в блоге ,Картинку ссылку


Ещё статьи других авторов на эту же тему :

 http://www.magentawave.com/2012/04/delaem-kartinku-ssilkoy.html

 http://www.magentawave.com/2012/02/optimize-css-and-image.html

http://www.mycrib.ru/2010/07/html_2182.html

Как в блоггере сделать фото кликабельным?






 

 




-


.

Комментариев нет:

Отправить комментарий