Картинка - ссылка.Йёжа Йежов
По мотивам статьи находящейся здесь
В общем -то всё просто до безобразия .Есть формула -код ,куда вставляем Ссылку на нашу картинку . Желательно это делать в режиме HTML сообщения .
Подробно рассказано как взять ссылку на картинку в статье Заливаем фото для блога
В общем то и всё .Вместо АДРЕСА ССЫЛКИ ставим адрес. куда нам надо перейти ,вместо ПУТЬ К КАРТИНКЕ ,естественно адрес своей картинки
код
Получаем что-то вот такое
Если мы всё правильно сделали ,то при нажатии на картинку перейдём по адресу ,который вставили в код выше .
Можете попробовать нажать на картинку
Иногда нам надо сделать ,чтобы при наведении мышки на картинку появлялась подсказка .А также неплохо бы и размеры менять.Тогда приходит на помощь формула-код ,взятая здесь
Также вставляем в режиме создания сообщения HTML
target="_blank"-это открытие ссылки в новом окне или вкладке
Вместо Высота картинки цифра или Ширина картинки цифра вставляем свои цифровые параметры .
Или оставляем кавычки пустыми ,тогда картинка приобретёт размер по умолчанию.
Получается что-то вроде картинки ниже
Размер я не стал менять, при наведении мышки появляется подсказка,
куда будет осуществлён переход .При нажатии должны быть перенаправлены по адресу ,который указали в коде.
Почти всё ,но давайте сделаем из любой картинки картинку -ссылку
То вы видите адрест ссылки .А код картинки выглядит так
Для того чтобы сделать картинку ссылкой просто меняем
адрес ссылки картинки (он выделен красным на картинке )
на свой Адрес перехода (куда должны быть перенаправлены при нажатии на картинку).Адрес находится между кавычек . Копируйте и вставляйте очень внимательно.
Вот мы и получили из любой картинки в блоге ,Картинку ссылку
Ещё статьи других авторов на эту же тему :
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
-
.
Стих Йёжи Йежова
Чтоб картинка ссылкой стала ,
Чтоб картинка ссылкой стала ,
Нужно просто взять нам код !
И пока мы не устали ,
Записать его в блокнот !
Картинку на хостинг заливаем ,
А правой кнопкой адрес мы берём ,
И в этот код его вставляем ,
И адрес тот ,куда пойдём
И при нажатии картинки ,
Нас куда-то там пошлёт .
Все Людмилы и Иринки
Будут наши с тобой ,вот !
Ведь картинка в виде ссылки-
Это клёво ,классно , стильно !
Покажи своей ты Милке .
Мож , полюбит тебя сильно!
По мотивам статьи находящейся здесь
В общем -то всё просто до безобразия .Есть формула -код ,куда вставляем Ссылку на нашу картинку . Желательно это делать в режиме HTML сообщения .
Подробно рассказано как взять ссылку на картинку в статье Заливаем фото для блога
В общем то и всё .Вместо АДРЕСА ССЫЛКИ ставим адрес. куда нам надо перейти ,вместо ПУТЬ К КАРТИНКЕ ,естественно адрес своей картинки
код
<a href="адрес_ссылки"><img src="путь_к_картинке" /></a>
Получаем что-то вот такое
Если мы всё правильно сделали ,то при нажатии на картинку перейдём по адресу ,который вставили в код выше .
Можете попробовать нажать на картинку
Иногда нам надо сделать ,чтобы при наведении мышки на картинку появлялась подсказка .А также неплохо бы и размеры менять.Тогда приходит на помощь формула-код ,взятая здесь
Также вставляем в режиме создания сообщения HTML
<a href="Адрес ссылки" target="_blank" title="Название "><img alt="Подсказка" height="Высота картинки цифра " src="Адрес картинки" width="Ширина картинки цифра " /></a>
target="_blank"-это открытие ссылки в новом окне или вкладке
Вместо Высота картинки цифра или Ширина картинки цифра вставляем свои цифровые параметры .
Или оставляем кавычки пустыми ,тогда картинка приобретёт размер по умолчанию.
Получается что-то вроде картинки ниже
Размер я не стал менять, при наведении мышки появляется подсказка,
куда будет осуществлён переход .При нажатии должны быть перенаправлены по адресу ,который указали в коде.
Почти всё ,но давайте сделаем из любой картинки картинку -ссылку
Делаем уже установленную картинку сылкойИногда уже картинка в блоге уже стоит .А нам хочется сделать из неё ссылку . Возможно ли это ? Одназначно Да .Если вы посмотрите на код картинки ссылки
<a 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
Как в блоггере сделать фото кликабельным?
-
Комментариев нет:
Отправить комментарий