Перейти к содержимому


Фотография

Как сделать ссылку картинкой


  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Alex_Nevada

Alex_Nevada

    Продвинутый пользователь

  • Авторы и FAQ-makers
  • PipPipPip
  • 9 406 сообщений

Отправлено 05 Декабрь 2017 - 11:58

Прикрепленный файл  1_52552a5ae41da52552a5ae4217.jpg   90,96К   0 Количество загрузок:

Инструкция
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-кода.
 
picture.jpg
Здесь, как видите, все несколько проще.
 
Нам нужно указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылочку.





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных