Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Активный форум » WEB-мастеру » Вопросы и ответы на FAQ по uCoz » [FAQ] Как поменять цвет ссылок?
[FAQ] Как поменять цвет ссылок?
Дата: Вс, 04.03.2012, 00:45:44 | Сообщение # 1
Аватарка Enigma
OFF
Премиум
2741 Сообщения:
123 Награды:
53 Отзывы:
Сайт пользователя:
[Table]
Задание цвета всех ссылок на странице
[/Table]

[Table]Цвета ссылок задаются в качестве атрибутов тега <body>. Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink— цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb, где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1)[/Table]
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Цвет ссылок</title>
    </head>
    <body link="red" vlink="#cecece" alink="#ff0000" bgcolor="black">
     <p><a href="content.html">Содержание сайта</a></p>
    </body>
</html>


[Table]Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.

Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A.

visited — Стиль для посещенной ссылки.

active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

hover — Стиль для ссылки при наведении на нее мышью.

В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color, оно задает цвет определенного текста, в данном случае, ссылок.[/Table]

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Использование стилей</title>
     <style type="text/css">
      BODY {
       background: black; /* Цвет фона веб-страницы */
      }    
      A {
       color: red; /* Цвет ссылок */
      }
      A:visited {
       color: #cecece; /* Цвет посещенных ссылок */
      }
      A:active {
       color: #ffff00; /* Цвет активных ссылок */
      }
     </style>
    </head>
    <body>
     <p><a href="content.html">Содержание сайта</a></p>
    </body>
</html>


[Table]
Задание цвета отдельных ссылок на странице


Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.

Для изменения цвета ссылки следует использовать атрибут style="color: #rrggbb" в теге <a>, где #rrggbb — цвет в шестнадцатеричном представлении. Можно, также, использовать названия цветов или указывать цвет в формате: rgb (132, 33, 65). В скобках указаны десятичные значения красного, зеленого и синего цвета (пример 3).[/Table]

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Цвет ссылок</title>
    </head>
    <body link="#ffcc00" vlink="#cecece" alink="#ff0000" bgcolor="black">
     <p><a href="content.html" style="color: white">Содержание сайта</a></p>
     <p><a href="1.html" style="color: #ffffff">Интернет-маркетинг</a></p>
     <p><a href="2.html" style="color: rgb (255, 255, 255)">Юзабилити</a></p>    
    </body>
</html>


[Table]В данном примере приведены три разных способа задания цвета с помощью стилей.[/Table]
Сообщение отредактировал Алексей - Ср, 30.05.2012, 20:06:59
Активный форум » WEB-мастеру » Вопросы и ответы на FAQ по uCoz » [FAQ] Как поменять цвет ссылок?
  • Страница 1 из 1
  • 1
Поиск: