Делаем кликабельную картинку и слово

☠Вагид☠™

Дата: Пятница, 07.10.2011, 13:48 | Сообщение # 1

Создатель

Сообщений: 227

Награды: 4

Репутация: 10000

Статус: Offline

Я из :

Эстония

Что же такое кликабельная картинка? Это картинка, при нажатии на которую можно перейти, например, на другой сайт или в другой раздел вашего сайта и т д

Итак, теперь давайте разберемся из чего должен состоять код такой картинки.

Сначала залейте нужную картинку (которую Вы хотите сделать кликабельной) на свой сайт (в файловый менеджер), залили. Теперь сам код:

Quote

Вот так, примерно:

Code

Через эту картинку Вы перейдете на главную страница нашего сайта.
Картинку можно заливать не только себе на сайт - можно на любой фотохостинг, типа radikal.ua

И еще парочка дополнительных функций для кликабельной картинки:

1) target="_blank" - при помощи этой функции можно сделать, чтобы новая ссылка открывалась в новой вкладке (пример тут)

Применение:

Code

2) title="ТУТ ПИШИТЕ ЧТО УГОДНО" - эта функция нужна для того, чтобы при наведении (НЕ нажатии) на вашу коикаьельную картинку высвечилось то, что Вы напишите вместо ТУТ ПИШИТЕ ЧТО УГОДНО. Допустим, я напишу ЭТОТ ГУСЬ БУДЕТ ЖИТЬ - тут пример. Просто наведите на любую часть картинки и не двигайте курсором- вылезет небольшое окошко и там то, что Вы написали.

Применение:

Code

Также можно ставить анимационную картинку.

Чтобы сделать кликабельное слово, нужно вместо <img src="ТУТ ССЫЛКА НА КАРТИНКУ"> написать любое слово или много слов

Пример:

Code

<a href="http://myxlam.clan.sut">НАЖМИ НА МЕНЯ</a>

Страницу для одного слова создавать не буду, думаю, Вы знаете как это будет выглядеть. Функции title и target="_blank" также работают и для кликабельного слова. Чуть не забыл, кто не знает - все эти коды вставляйте только в HTML-код страницы - никак иначе!

НУ вот и все. Есть вопросы - пишите в низ