Вам понадобится
  • — компьютер
  • — доступ в интернет
  • — поле ввода для 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" позволит убрать рамку вокруг картинки. Если она все-таки нужна, вместо нуля поставьте единицу.
2
С HTML разобрались. Теперь добьемся аналогичного результата с помощью bb-кода.

[url=http://server.ru][img]http://server.ru/picture.jpg[/img][/url]
Здесь, как видите, все несколько проще.

Нам надо указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылку.