Википедия:Цвета ссылок

Материал из Википедии — свободной энциклопедии
Перейти к: навигация, поиск

В Википедии цвет ссылки указывает на состояние целевой страницы. Стандартные ссылки имеют следующие цвета:

Тип Код Описание
Синяя ссылка #0645AD / rgb(6,69,173) Страница, в данный момент существующая в Википедии
Тёмно-синяя ссылка #0B0080 / rgb(11,0,128) То же, и уже была посещена
Красная ссылка #CC2200 / rgb(204,34,0) Страница не существует
Светло-красная ссылка #A55858 / rgb(165,88,88) То же, и уже была посещена
Голубая ссылка #3366BB / rgb(51,102,187) Страница другого вики-проекта
Фиолетовая ссылка #663366 / rgb(102,51,102) То же, и уже была посещена

Изменение цвета ссылки[править код]

Вы можете изменить цвет ссылки на любой желаемый:

  • [[Кошка|<span style="color: green">Есть такая страница</span>]]
  • [[Кошак|<span style="color: green">Нет такой страницы</span>]]

Ссылки получатся такими:

Или, если вы хотите включить проверку на существование:

  • [[example|{{#ifexist:example|<span style="color: green">This page exists.</span>|This page does not exist.}}]]
  • [[exampl|{{#ifexist:exampl|<span style="color: green">This page exists.</span>|This page does not exist.}}]]

Получится это:

В этом случае, если бы вторая страница существовала, она была бы также окрашена в зелёный цвет.

Изменение в личных настройках[править код]

Вы также можете изменить цвета ссылок, редактируя ваш CSS файл.

Стандартные селекторы ссылок:

  • a: link — стиль не посещённых ссылок
  • a: visited — стиль уже посещённых ссылок
  • a: active — стиль ссылки, на которую наведён курсор
  • a: hover — стиль ссылки, над которой находится курсор

Цвета изменяются в соответствии со стандартами: Цвета HTML.

/* standard link colors */
.mw-body a:link { color: #0000FF; } /* normal unvisited links */
.mw-body a:link:visited { color: #00CD00; } /* visited links */
.mw-body a:link:active { color: #FF0000; } /* active links */
.mw-body a:link.new { color: #FF0000; } /* new links */
.mw-body a:link.interwiki { color: #3366BB; } /* interwiki links */
.mw-body a:link.external { color: #3366BB; } /* external links */
.mw-body a:link.stub { color: #772233; } /* hovered links */

.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00008B}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #0000FF}

Примечания:

  • строка a: hover должна идти после a: link и a: visited
  • строка a: active должна идти перед a: hover
  • вы должны приписать «.mw-body» перед стандартным описанием ссылки, потому что в противном случае стандартные цвета всё-равно будут доминировать над теми, которые вы установили.
Ссылки-перенаправления

Показывать ссылки-перенаправления зелёными:

.mw-body a.mw-redirect {color: #308050}
.mw-body a.mw-redirect:visited {color: #3070A0}
Внешние ссылки
.mw-body a.external {color: #008000}

Другие изменения[править код]

Вы также можете форматировать текст другими способами.

text-decoration

Тег позволяет создавать такие декорации, как подчёркивание, перечёркивание, линия над текстом. Пример (подчёркивание):

.mw-body a:link {color: #000000; text-decoration: underline; }

Возможные значения:

  • none — ничего (по умолчанию)
  • underline — подчёркивание
  • overline — линия над текстом
  • line-through — перечёркивание
font-family

Меняет шрифт текста:

.mw-body a:link {font-family: monospace}

См. также[править код]