Кликабельная картинка при щелчке по которой можно куда-нибудь попасть состоит из двух вещей: ссылки и картинки
Код ссылки: <a href="адрес ссылки">...</a>
Код картинки: <img src="адрес картинки">
Кликабельная картинка - это картинка внутри ссылки. Вот так:
Адрес ссылки копируем в адресной строке браузера.
Для того, чтобы узнать адрес картинки, добавляем её себе в блог, нажимаем "Предпросмотр", наводим курсор на изображение, щёлкаем правой кнопкой мышки и в контекстном меню выбираем "Копировать адрес изображения"
Если с адресом картинки и адресом ссылки разобрались, можно попробовать сделать кликабельную кнопку.
Я сделаю баннер нашего сообщества - кнопку, при щелчке по которой откроется главная сообщества.
Для этого мне нужен адрес сообщества: http://my.mail.ru/community/compi./
И адрес изображения: http://content.foto.mail.ru/mail/irbris/_blogs/i-5618.jpg
Готовый код выглядит так:
А вот и результат - кликабельная картинка
При наведении на неё курсора он превращается в ладошку. Это означает, что перед нами ссылка, по которой можно перейти.
Код ссылки: <a href="адрес ссылки">...</a>
Код картинки: <img src="адрес картинки">
Кликабельная картинка - это картинка внутри ссылки. Вот так:
Адрес ссылки копируем в адресной строке браузера.
Для того, чтобы узнать адрес картинки, добавляем её себе в блог, нажимаем "Предпросмотр", наводим курсор на изображение, щёлкаем правой кнопкой мышки и в контекстном меню выбираем "Копировать адрес изображения"
Если с адресом картинки и адресом ссылки разобрались, можно попробовать сделать кликабельную кнопку.
Я сделаю баннер нашего сообщества - кнопку, при щелчке по которой откроется главная сообщества.
Для этого мне нужен адрес сообщества: http://my.mail.ru/community/compi./
И адрес изображения: http://content.foto.mail.ru/mail/irbris/_blogs/i-5618.jpg
Готовый код выглядит так:
А вот и результат - кликабельная картинка
При наведении на неё курсора он превращается в ладошку. Это означает, что перед нами ссылка, по которой можно перейти.
Кликабельная картинка при щелчке по которой можно куда-нибудь попасть состоит из двух вещей: ссылки и картинки
Код ссылки: <a href="адрес ссылки">...</a>
Код картинки: <img src="адрес картинки">
Кликабельная картинка - это картинка внутри ссылки. Вот так:
Адрес ссылки копируем в адресной строке браузера.
Для того, чтобы узнать адрес картинки, добавляем её себе в блог, нажимаем "Предпросмотр", наводим курсор на изображение, щёлкаем правой кнопкой мышки и в контекстном меню выбираем "Копировать адрес изображения"
Если с адресом картинки и адресом ссылки разобрались, можно попробовать сделать кликабельную кнопку.
Я сделаю баннер нашего сообщества - кнопку, при щелчке по которой откроется главная сообщества.
Для этого мне нужен адрес сообщества: http://my.mail.ru/community/compi./
И адрес изображения: http://content.foto.mail.ru/mail/irbris/_blogs/i-5618.jpg
Готовый код выглядит так:
А вот и результат - кликабельная картинка
При наведении на неё курсора он превращается в ладошку. Это означает, что перед нами ссылка, по которой можно перейти.
Код ссылки: <a href="адрес ссылки">...</a>
Код картинки: <img src="адрес картинки">
Кликабельная картинка - это картинка внутри ссылки. Вот так:
Адрес ссылки копируем в адресной строке браузера.
Для того, чтобы узнать адрес картинки, добавляем её себе в блог, нажимаем "Предпросмотр", наводим курсор на изображение, щёлкаем правой кнопкой мышки и в контекстном меню выбираем "Копировать адрес изображения"
Если с адресом картинки и адресом ссылки разобрались, можно попробовать сделать кликабельную кнопку.
Я сделаю баннер нашего сообщества - кнопку, при щелчке по которой откроется главная сообщества.
Для этого мне нужен адрес сообщества: http://my.mail.ru/community/compi./
И адрес изображения: http://content.foto.mail.ru/mail/irbris/_blogs/i-5618.jpg
Готовый код выглядит так:
А вот и результат - кликабельная картинка
При наведении на неё курсора он превращается в ладошку. Это означает, что перед нами ссылка, по которой можно перейти.
Комментариев нет:
Отправить комментарий