Как сделать ссылку другим цветом

Как изменить цвет ссылок вашего блога или сайта?

Привет, друзья! Устраивает ли вас цвет ссылок на вашем блоге или сайте? Если нет, и вы хотите изменить цвет ссылки, не беда. Сегодня я научу вас, как изменить цвет ссылки в HTML и CSS коде.

Как сделать ссылку другим цветом

То, что я вам расскажу, будет работать на любом движке, неважно будет это WordPress или uCoz, ведь HTML и CSS используют все движки.

Цвет ссылки в CSS

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

Значение, каким цветом выводить ссылки на сайте прописывается в CSS коде, чаще всего в файле style.css. Находится этот файл всегда в корневой папке сайта.

Чтобы изменить цвет всех ссылок на сайте в CSS вам нужно открыть файл style.css и найти в нем код отвечающий за вывод ссылок. Просто найдите упоминание link или Link Styles.

Как сделать ссылку другим цветом

Этот самый CSS код и отвечает за цвет всех ссылок сайта. А если рассмотреть детально, то в данном коде могут быть следующие значения:

Цвет CSS ссылок в обычном состоянии.

CSS цвет ссылок при нажатии на нее.

Цвет посещенной ссылки.

Соответственно, чтобы цвет ссылок в спокойном состоянии, мы меняем значение color: #0169D3 на свой цвет в псевдоклассе a:link.

Чтобы изменить цвет посещенных ссылок, нужно изменить значение color: #0169D3 в псевдоклассе a:visited.

Если вы хотите, чтобы ваши ссылки стали подчеркнутыми, нужно вписать в CSS код ссылки значение text-decoration:underline; как на примере:

А если наоборот хотите убрать подчеркивание ссылки, нужно вписать значение text-decoration:none;

Как менять цвет ссылок в CSS думаю понятно. Теперь давайте рассмотрим как изменить цвет ссылки в HTML коде.

HTML цвет ссылки

В отличие от CSS, где разом можно изменить все ссылки на сайте, в HTML можно поменять цвет только одной определенной ссылки.

Сама ссылка в HTML коде выглядит следующим образом:

Для того, чтобы задать ей цвет, нужно добавить значение font color для текста ссылки, чтобы получилось вот так:

Таким образом я выделил ссылку красным цветом в HTML коде.

Как видите все довольно просто. В статье я рассказал лишь основы о стиле выделения ссылок в коде. Но благодаря CSS можно создать свой уникальный стиль выделения ссылок, например сделать всплывающие подсказки, вставить тень, сделать ссылку мигающей. Но об этом я постараюсь рассказать уже в другой статье.

Подписывайтесь на обновления блога, чтобы не пропустить!

Источник

Изменение цвета текста гиперссылки во всей презентации

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

Вы можете систематически изменить цвет всего текста гиперссылок в презентации.

Чтобы открыть коллекцию цветов, на вкладке Конструктор в группе Варианты щелкните стрелку вниз:

Как сделать ссылку другим цветом

Как сделать ссылку другим цветом

Откроется диалоговое окно Создание новых цветов темы.

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

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

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

Как сделать ссылку другим цветом

Совет: Чтобы назначить другой цвет, выберите пункт Другие цвета.

Нажмите кнопку Сохранить.

Щелкните заголовок раздела ниже, чтобы открыть подробные инструкции.

Примечание: Если гиперссылки используются в заполнителях заголовков и подзаголовков, не изменяйте текст гиперссылок в теме.

На вкладке Дизайн в группе Темы щелкните Цвета, а затем — Создать новые цвета темы.

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

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

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

Как сделать ссылку другим цветом

Совет: Чтобы назначить другой цвет, выберите пункт Другие цвета.

Нажмите кнопку Сохранить.

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

На вкладке «Шрифт» в разделе Весь текст щелкните стрелку рядом с элементом Цвет шрифта и выберите Другие цвета.

В диалоговом окне Цвета (которое показано ниже) на вкладке Спектр просмотрите значения в полях Цветовая модель, Красный, Зеленый и Синий и запишите их.

Как сделать ссылку другим цветом

Нажмите кнопку Отмена два раза, чтобы закрыть диалоговые окна Цвета и Шрифт.

Выделите текст гиперссылки, цвет которого вы хотите изменить.

На вкладке Дизайн в группе Темы щелкните Цвета, а затем — Создать новые цвета темы.

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

Чтобы изменить цвет текста гиперссылки, щелкните Гиперссылка, а затем выберите Другие цвета.

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

В диалоговом окне Цвета на вкладке Спектр введите записанные значения в поля Цветовая модель, Красный, Зеленый и Синий.

Нажмите кнопку ОК, а затем — кнопку Сохранить.

См. также

В меню Формат выберите пункт цвета темы.

Как сделать ссылку другим цветом

В диалоговом окне есть несколько вкладок, которые предоставляют различные способы выбора нужного цвета: цветового круга, ползунка, палитра цветов или Карандашов.

Выберите цвет. Оно будет немедленно отражено в диалоговом окне » Создание цветов темы «.

Источник

Добавить комментарий

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