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

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

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

Тип color= Описание
Синяя ссылка #0645AD = rgb(6,69,173) Страница, в данный момент существующая в Википедии
Тёмно-синяя ссылка #0B0080 = rgb(11,0,128) = То же, и уже была посещена
Красная ссылка #CC2200 = rgb(204,34,0) Страница не существует
Светло-красная ссылка #A55858 = rgb(165,88,88) То же, и уже была посещена
Коричневая ссылка #772233 = rgb(119,34,51) Заготовка статьи. Такой цвет отображается только в том случае, если читатель зарегистрирован в Википедии и отметил соответствующий пункт в личных настройках.
Голубая ссылка #3366BB = rgb(51,102,187) Cтраница другого вики-проекта
Фиолетовая ссылка #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.}}]]

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

*This page exists.
*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: #00008B; } /* 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}

См. также[править | править вики-текст]