Меню

Как изменить цвет уже просмотренных сайтов



Как задать цвет посещённых ссылок

У меня уже несколько раз спрашивали, почему после клика по ссылке она меняет цвет и как это исправить. Цвет ссылок меняется из-за браузера, так как посещённые ссылки попадают в историю. Если у Вас история не сохраняется (как, например, у меня), цвет вообще меняться не будет. Сегодня я решил написать, как задать цвет посещённых ссылок, чтобы браузер не ставил свой цвет, который не всегда удачный.

Задавать цвет посещённых ссылок надо через CSS с помощью псевдоэлементов. Вот пример CSS-кода:

a:link, a:visited, a:active <
color: #00f;
>

Данным CSS-кодом мы даём команду браузера, что все непосещённые ссылки (псевдоэлемент link), посещённые ссылки (псевдоэлемент visited) и ссылки, на которых нажата кнопка мыши, (псевдоэлемент active) должны быть синего цвета.

Таким образом, теперь цвет ссылки всегда будет постоянным, причём именно таким, каким Вы его задали.

Если Вы не знаете, как подключить указанный CSS-код, то прочитайте статью: как задать css стиль.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):

    • Комментарии ( 5 ):

    Здравствуйте, Михаил Русаков, не подскажите как убрать нижнее подчеркивание у всех ссылок(посещенных, непосещённых, активированных) на CSS?

    Михаил! А зачем указывать псевдоклассы для гиперссылок? Если просто написать селектор тег «а», то через него будет воздействие сразу на все четыре состояния гиперссылки. Например, гиперссылка должна всегда быть синей — a

    А как задать разные значения? Если например цвет посещённых ссылок должен отличатся от не посещённых.

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2021 Русаков Михаил Юрьевич. Все права защищены.

    Источник

    Как изменить цвет посещенных ссылок в Chrome, Firefox, Safari?

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

    Читайте также:  Какими цветами делать омбре

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

    Веселая история за этим

    На днях мой двоюродный брат зашел в мою квартиру, и он использовал мой ноутбук, чтобы что-то искать в Google. Несколько раз я слышал, как он сказал: «Глупый я! Почему я снова захожу на эту страницу? »И я сказал ему:

    • Я: Эй, Даниэль, ты нажимаешь на страницу результатов, которые ты уже посетил?
    • Даниэль: Да. Я не знаю почему.
    • Я: посещенные страницы в результатах поиска Google отмечены красным, а те, которые вы не посещали, выделены синим цветом, если вы не знаете … (я просто хотел помочь)
    • Даниэль: Я думаю, они выглядят одинаково для меня.
    • Я: Действительно? (Я думал, он шутит) … Эй, это разные цвета. Один светло-фиолетовый, другой синий. Ты можешь сказать?
    • Даниэль: Нет!

    Наш разговор начал становиться немного серьезным, как вы уже догадались. Да, мой двоюродный брат несколько дальтоник – точнее, красный дальтоник. Я использую Chrome, и после того, как я изменил цвет посещенной ссылки с красного на зеленый, он мог сразу заметить разницу.

    Есть ли у вас дальтонизм?

    Во-первых, вам не нужно беспокоиться об этом вообще, если у вас это есть. В большинстве случаев дальтонизм является генетическим заболеванием, и, согласно MedlinePlus, Кроме того, чтобы чувствовать себя лучше, «существует общее согласие, что во всем мире 8% мужчин и 0,5% женщин имеют дефицит цветового зрения». (Источник)

    Чтобы проверить, страдаете ли вы дальтонизмом, самый быстрый способ – проверить эта статья Хаффингтон пост, Он включает в себя пять изображений из цветового теста Исихары.

    Для дополнительных тестов, вы можете посетить этот сайт: http://enchroma.com/test/instructions/, Вам дадут 20 пробных вопросов, прежде чем вы увидите результаты теста.

    Нажмите синий «НАЧАТЬ ТЕСТ», чтобы начать:

    Большинству людей скажут, что у них «Нормальное цветовое зрение»:

    Цветовая схема в результатах поиска в поисковых системах

    NoteПо умолчанию большинство поисковых систем, таких как Google и Bing, помечают результаты, на которые вы нажали, фиолетовым цветом, а результаты не отображаются синим цветом Вот два примера:

    Это то, что появилось после того, как я искал «TechCrunch» в Google. Поскольку я уже посещал страницу TechCrunch Wikipedia, она теперь помечена как светло-фиолетовая, а Facebook а также YouTube все еще синие.

    В Bing я искал «SoftwareHow», и вот что я увидел. Twitter и страницы Google+ уже посещены, поэтому они также отмечены фиолетовым цветом, а Pinterest ссылка все еще синяя.

    Читайте также:  Как появился бирюзовый цвет

    Теперь вернемся к теме. Вот как можно изменить цвет посещаемых ссылок в разных веб-браузерах.

    Гугл Хром

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

    Note: скриншоты ниже взяты из Chrome для macOS (версия 60.0.3112.101). Если вы работаете на ПК или используете другую версию Chrome, действия могут немного отличаться.

    Шаг 1: Откройте Chrome, затем установите это расширение под названием Стилист, Нажмите на синюю кнопку «ДОБАВИТЬ В ХРОМ».

    Шаг 2: Подтвердите, нажав «Добавить расширение». Вы увидите уведомление о том, что плагин был добавлен в Chrome.

    Шаг 3: Щелкните правой кнопкой мыши значок расширения «Стилист» и выберите «Параметры». На вкладке Стили нажмите Добавить новый стиль.

    Шаг 4: Теперь назовите новый стиль, отметьте опцию «Весь сайт», скопируйте и вставьте этот фрагмент кода (как показано ниже) в поле и нажмите «Сохранить».

    Note: Цвет этой линии «зеленый». Не стесняйтесь менять его на другой цвет или код RGB (например, 255, 0, 0), Вы можете найти больше цветов и их коды Вот,

    Важно: отметка «Весь сайт» может повлиять на ваше взаимодействие с другими сайтами. Например, я заметил, что после внесения изменений все мои вкладки Gmail стали красными. что выглядит совершенно странно. Поэтому я добавил это правило, которое позволяет изменениям влиять только на конкретные результаты поиска Google.

    Шаг 5: Проверьте, вступил ли новый стиль в силу. В моем случае да – цвет посещенной страницы TechCrunch Wikipedia теперь меняется на зеленый (по умолчанию он был красным).

    Постскриптум Я привык, чтобы цвет посещенной ссылки отображался как светло-фиолетовый, поэтому я настроил его обратно. .

    Mozilla Firefox

    Внести изменения в браузер Firefox еще проще, поскольку в отличие от Chrome, вам не нужно устанавливать какие-либо сторонние расширения. Следуйте пошаговой инструкции ниже:

    Note: В этом уроке я использую Firefox 54.0.1 для macOS. Если вы используете другую версию или находитесь на Windows ПК, пути и снимки экрана, как показано ниже, могут не применяться.

    Шаг 1: Убедитесь, что опция «Всегда использовать режим частного просмотра» снята. Откройте Firefox Menu> Настройки> Конфиденциальность.

    Под историей> Firefox будет: выберите «Использовать пользовательские настройки для истории». Если вы отметили «Всегда использовать режим частного просмотра», снимите этот флажок. Если он не выбран (по умолчанию), вы в порядке. Перейти к шагу 2.

    Шаг 2: Теперь иди в Содержание> Шрифты и цвета> Цвета.

    В «Цветах» windowsизмените цвет «Посещенных ссылок:» на нужный, выберите «Всегда» в раскрывающемся меню и нажмите кнопку «ОК», чтобы сохранить изменения.

    Читайте также:  Какие цвета лучше выбирать для новорожденных

    Шаг 3: Это оно. Чтобы проверить, насколько эффективно изменение настроек, просто выполните быстрый поиск в Google и посмотрите, не изменился ли цвет этих посещенных результатов. В моем случае я установил их как зеленые, и это работает.

    Apple Сафари

    Процесс очень похож на Chrome. Вам нужно установить расширение под названием Stylish. Следуйте инструкциям ниже, где я также указываю на хитрость, которую нужно позаботиться, чтобы выполнить. В противном случае, это не будет работать, как ожидалось.

    Note: Я использую Safari для macOS (Версия 10.0). Снимки экрана, показанные ниже, могут немного отличаться от того, что вы видите на своем компьютере.

    Шаг 1: Получить стильный расширение (перейдите по ссылке) и установите его в браузере Safari.

    Шаг 2: Нажмите значок «Стильное расширение» (расположен в верхней части панели инструментов), затем выберите «Управление».

    Шаг 3: В новой стильной панели инструментов перейдите в «Редактировать». Выполните четыре задания, как показано на этом скриншоте. Часть кода CSS показана ниже.

    Опять же, цвет в моем примере – зеленый. Вы можете изменить это как угодно. Найти больше цветов и их коды Вот или же Вот,

    Обратите особое внимание, когда вы устанавливаете правила. Например, я хотел изменить только цвет посещенных ссылок в Google.com. Я выбираю «Домен» и набираю «google.com» в поле «CSS». Note: НЕ печатайте «www.google.com», так как он не будет работать. Мне понадобилось несколько проб и ошибок, чтобы понять это.

    Шаг 4: Проверьте, вступили ли изменения в силу. В моем случае это работает.

    Microsoft Edge

    К сожалению, для Windows 10 пользователям мне еще предстоит найти реальное решение по изменению цвета посещенных или не посещенных ссылок. Я думал, что расширение Stylish будет работать с Edge, но я ошибался. Тем не менее, кажется, что я не одинок, как вы можете видеть из это обсуждение что многие люди требуют особенность.

    Я обновлю этот пост, если Edge добавит эту функцию или если стороннее расширение выполнит эту работу.

    К вам

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

    Постскриптум Эта статья заняла у меня около пяти часов. Лучший способ выразить свою признательность – это поделиться им или оставить комментарий ниже, если вы нашли его полезным.

    Источник

    ➤ Adblock
    detector