| Главная | Форум | Файлы | Статьи | Игровые новости | Новости Кино | Топ сайтов | Ucoz скрипты | Online Фильмы и Сериалы | Первый игровой телеканал | Фильмы(2011) |
>
| Главная | Мой профиль | Вход | RSS |

  • Страница 1 из 1
  • 1
Делаем кликабельную картинку и слово
☠Вагид☠™Дата: Пятница, 07.10.2011, 13:48 | Сообщение # 1
Создатель
Сообщений: 227
Награды: 4
Репутация: 10000
Статус: Offline
Я из : Эстония
Что же такое кликабельная картинка? Это картинка, при нажатии на которую можно перейти, например, на другой сайт или в другой раздел вашего сайта и т д

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

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

Quote
<a href="ТУТ ССЫЛКА САЙТА ИЛИ СТРАНИЦЫ"><img src="А ТУТ ПРЯМАЯ ССЫЛКА НА ЗАГРУЖЁННУЮ КАРТИНКУ"></a>


Вот так, примерно:
Code
<a href="http://myxlam.clan.su/"><img src="http://myxlam.clan.su/Kartinki2/DGF.jpg"></a>


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

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

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

Применение:
Code
<a href="http://myxlam.clan.su/" target="_blank'><img src="http://myxlam.clan.su/Kartinki2/DGF.jpg"></a>


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

Применение:
Code
<a href="http://myxlam.clan.su/" title="ТУТ ВАШ ТЕКСТ"><img src="http://myxlam.clan.su/Kartinki2/DGF.jpg"></a>


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

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

Пример:
Code
<a href="http://myxlam.clan.sut">НАЖМИ НА МЕНЯ</a>


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

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



 
  • Страница 1 из 1
  • 1
Поиск:
Новый ответ
Имя:
Текст сообщения:
Код безопасности:

Русский автосерфинг

myxlam.clan.su © 2017Пользовательское соглашение Для правообладателей Хостинг от uCoz

Сайт тестировался на просмотр следующих браузеров: Internet Explorer 6-8 , Mozilla Firefox 2-3 , Opera 8-10 и Google Chrome.Все права защищены, myxlam.clan.su 2010-2017 © Все файлы расположенные на данном ресурсе были взяты из открытых источников. Любая информация представленная здесь, используется в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не могут нести отвественности за использование материалов данного сайта. Входя на сайт вы автоматически соглашаетесь с данными условиями.

free counters Хостинг от uCoz