Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:


Как в css изменить цвет ссылки


Как изменить цвет ссылки в определенной области с помощью css

Я взглянул на многие вопросы, которые, как я думал, были проблемой, подобной моей, но никто из них не работал на меня, поэтому я публикую это. Я все еще новичок в программировании (просто знаю основы), поэтому, пожалуйста, несите меня:

У меня есть сайт Все игры Все

пожалуйста, откройте любую запись на веб-сайте

Проблема, с которой я столкнулся, заключалась в том, что все элементы на веб-сайте были серыми по цвету, поэтому, используя пользовательский параметр CSS в моей теме Wordpress, я просто сделал

a:link { color:white; }

Теперь, когда это сработало как шарм, и все мои элементы имеют один и тот же цвет (белый), я хочу, чтобы цвет ссылки: как красный на ТОЛЬКО в теле статьи, так как белый мешает посетителю видеть, есть ли какая-либо ссылка на должность. Я попытался изменить аспекты, используя контрольный элемент и пользовательский CSS, но ничего не работает для меня. У меня есть доступ к пользовательским CSS и настраиваемым редакторам HTML в моей теме Wordpress, поэтому я бы очень признателен за любую помощь в этом и еще раз извините, если я говорил noobish (я нооб).

Как изменить цвет посещённой ссылки на сайте только с помощью CSS

Приветствую Вас, дорогие читатели блога beloweb.ru. В этот день я хочу поделиться с Вами тем как поменять цвет посещённой ссылки на сайте. 

Я вот заметил, что в настоящее время многие дизайнеры и веб мастера забывают поставить этот не маловажный пункт. Честно скажу, что у меня на сайте тоже не давно посещённые ссылки цвета не меняли. Я даже как то и не задумывался о этом. Но однажды я случайно попал на один зарубежный сайт и там, переходя по его ссылкам они, так сказать, отмечались, вернее меняли цвет. И признаюсь это так удобно! :-) Ты просто видишь куда именно ты заходил на сайте. А то и такое бывает, что по одной и той же ссылке кликаешь несколько раз.

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

Говорю сразу это очень просто, я сам не ожидал. И конечно же пост получится очень коротким. Так что не судите :-)

Как поменять цвет посещённой ссылки на сайте.

Пример

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

Как сделать?

Очень и очень просто. Делается это с помощью стилей CSS. Всего навсего мы добавляем к тегу а тег :visited, далее просто присваиваем желаемый цвет. Другими словами вот, что у меня получилось:

a:visited { color: #8e0000;

}

Всё. Больше ничего добавлять не нужно. Просто, не правда ли? :-)

Поддержка браузеров

Тут буду короток. Данный код поддерживают все браузеры.

Вот и всё, дорогие читатели. И в этот раз надеюсь, что я Вам чем то помог. До скорых встреч.

Метки: CSSДизайнЦвет ссылки

Самое популярное

Как изменить цвет ссылки в определенном классе для div CSS

Это может быть примерно так:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } a.register:active { color: #FFF; text-decoration:none; font-weight:normal; }

ответ дан Aditya P Bhatt 18 мая '15 в 10:05

источник поделиться

Я думаю, вы хотите поставить a перед a:link (a, a:link) в свой файл CSS. Единственный способ избавиться от этого ужасного цвета синей ссылки по умолчанию. Я не уверен, что это было необходимо для более ранней версии браузеров, потому что она должна работать без a

ответ дан Eagle's Eye 09 нояб. '15 в 0:09

источник поделиться

Как изменить цвет ссылки в HTML с помощью CSS ?

Skip to content

Все ссылки в языке html по умолчанию имеют синий цвет. Такой вариант подходит не для всех дизайнов сайтов. В самом контенте конечно можно и синим оставить, если у нас будут ссылки на другие статьи, синий и для пользователей будет привычным. Но при разработке меню и других элементов цвет ссылок все же приходиться менять часто.

В этой заметке мы рассмотрим, как изменить цвет ссылки в html используя при этом таблицу стилей. Так как писать весь этот код в самом html документе не очень хорошо, поисковые системы не очень любят различные код, который можно было вынести в отдельные файлы.

Нужно создать файл с именем style.css и на все страницы своего сайта, в html документы, между тегами поместить следующий код:

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

В файле стилей style.css нам нужно прописать вот такой вот код:

a:link { text-decoration:none;

color: red;

}

a:active { text-decoration:none;

color: green;

}

a:visited { text-decoration:none;

color:#424242;

}

a:hover { text-decoration:none;

color:#000000;

}

И указать свои значиния. Теперь по порядку, где что означает.

color – цвет ссылки;

a:link – цвет обычной ссылки;

a:active – цвет ссылки, на которую нажил;

a:visited – цвет ссылки по которой мы уже переходили;

a:hover – цвет ссылки на которую мы навели мышкой;

text-decoration — отвечает за подчеркивание ссылки, а значение none указывает, что подчеркивание полностью у ссылки отсутствует.

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

Цвет можно указывать обычным английским словом или шестнадцатеричным значением. Информацию какой цвет как обозначается можно найти в интернете или копировать в Фотошопе, указав какой цвет нужен.

Также шестнадцатиричное значение цвета можно определить в любом месте экрана с помощью программы HTMLColors. Подробнее об этом я рассказал в уроке: Определение цвета на экране.

А если нам нужно задать цвета только для отдельной ссылки, которая всего лишь один или два раза будет встречаться на сайте. Для этого можно создать отдельный класс.

Вот таким образом:

a.new:link { color: red; }

a.new:active { color: green; }

a.new:visited { color:#9c0000; }

a.new:hover { color:#58CAFF; }

И для тех ссылок которые должны иметь такой стиль, мы указываем класс .new, в html документе это будет выглядеть вот так:

Ссылка с классом .new

В браузере это будет вот так выглядеть:

Ссылка с классом .new

На этом урок по изменению ссылок в html окончен.


Смотрите также



Компьютерные курсы по направлениям:

Для начинающих


A

Компьютер для начинающих: Word, Excel, Access и другие программы!

Графические пакеты


B

Популярные пакеты Adobe Photoshop, CorelDraw, ArchiCAD, AutoCAD и другие!

WEB + анимация


C

Курсы по созданию сайтов, WEB-дизайну и крутой анимации в Adobe Flash!

Бухгалтерия + делопроизводство

Сетевые технологии


E

Курсы сборки ПК, системных администраторов и защиты информации!