Вам понадобится
- — компьютер
- — доступ в интернет
- — поле ввода для html или bb-code
Инструкция
1
Сначала сделаем ссылку в виде картинки с помощью ручного HTML. Этот метод, например, используется при оформлении постов в livejournal.
<a href="http://server.ru/" target="_blank"><img src="http://server.ru/picture.jpg" alt="Ссылка на server.ru" border="0"></a>
Параметр href содержит ссылку, на которую пользователь перейдет после клика по картинке.
Параметр target отражает поведение браузера при открытии ссылки. В данном случае стоит значение _blank, то есть браузер откроет ссылку в новом окне (или вкладке).
img src — это путь к картинке, из которой мы делаем ссылку.
alt — это текст, который появится вместо картинки, если она не загрузится, либо если будет загружаться дольше, чем основная часть страницы.
Значение border="0" позволит убрать рамку вокруг картинки. Если она все-таки нужна, вместо нуля поставьте единицу.
<a href="http://server.ru/" target="_blank"><img src="http://server.ru/picture.jpg" alt="Ссылка на server.ru" border="0"></a>
Параметр href содержит ссылку, на которую пользователь перейдет после клика по картинке.
Параметр target отражает поведение браузера при открытии ссылки. В данном случае стоит значение _blank, то есть браузер откроет ссылку в новом окне (или вкладке).
img src — это путь к картинке, из которой мы делаем ссылку.
alt — это текст, который появится вместо картинки, если она не загрузится, либо если будет загружаться дольше, чем основная часть страницы.
Значение border="0" позволит убрать рамку вокруг картинки. Если она все-таки нужна, вместо нуля поставьте единицу.
2
С HTML разобрались. Теперь добьемся аналогичного результата с помощью bb-кода.
[url=http://server.ru][img]http://server.ru/picture.jpg[/img][/url]
Здесь, как видите, все несколько проще.
Нам надо указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылку.
[url=http://server.ru][img]http://server.ru/picture.jpg[/img][/url]
Здесь, как видите, все несколько проще.
Нам надо указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылку.
Видео по теме
Обратите внимание
В html и bb-code самое главное — четкое соблюдение синтаксиса. Если забыть поставить кавычку, либо открыть или закрыть скобку, то это неминуемо приведет к ошибке на странице и, соответственно, неработоспособности ссылки. Внимательно проверяйте оформленные вами ссылки перед тем, как отправить пост.
Полезный совет
В большинстве форумов, в социальных сетях и блогах есть специальный редактор, сходный по функциям с любым текстовым редактором на вашем компьютере. Он позволяет обходиться без ручного «кодирования», однако с некоторыми задачами может и не справиться. На этот случай мы и рассмотрели метод ручного редактирования кода.
Источники:
- как сделать картинку ссылкой
