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

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

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

  • Синяя ссылка (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) =       ) - страница другого вики-проекта, как правило, на Wikimedia.
  • Фиолетовая ссылка (#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: #7F007F; } /* 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: #00FF00}
.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}

См. также[править | править исходный текст]