Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Как изменить цвет ссылки на сайте.

Viktor | 24.02.2014 | нет комментариев

Изменяем цвет ссылок на web-странице.

В этом небольшом уроке мы узнаем новые свойства о ссылках, которые еще не затрагивали в преведущих уроках.

Возвращаясь немного назад к уроку 9 в котором речь шла о ссылках, там мы изучили, что ссылки бывают абсолютные и относительные. По умолчанию ссылка в HTML обычно выделяеся из общего текста нижним подчеркиванием и имеет ярко синий цвет.

Но ведь можно задать любой цвет ссылки, да еще сделать разделение: не посещенная ссылка, посещенная ссылка, ссылка в момент нажатия (и соотвественно задать для каждого состояния свой цвет) делается это очень просто. В теге body прописываем следующие атрибуты с указанием названия цвета или его шестнадцатиричное значение:

  • link=”#3562c5″ – ссылка еще не нажата посетителем сайта;
  • vlink=”#c53535″ – ссылка которую уже посетили (открывали);
  • alink=”#000000″ – цвет ссылки в момент нажатия на неё – активная ссылка;

Естественно здесь шестнадцатеричные цвета ссылок указаны для примера, выбирайте цвет для разного состояния ссылки в соотвествии со своим вкусом и общим дизайном сайта.

Итак открываем HTML-код нашей web-страницы, находим тег body и прописываем ему атрибуты указанные выше. Теперь код тега body с атрибутами выглядит так:

Листинг 12.1.

<body link=”#3562c5″ vlink=”#c53535″ alink=”#000000″>

Сохраняем наш файл, обновляем и смотрим . Согласитесь смотрится симпатичнее и очень просто.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB