ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

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

Исключительно новый кузов Киа Спортейдж 2017 доступен для клиентов Автомира в 6 комплектациях. .

tsvet-ssyilki

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

Приветствую друзья!
Из нашей сегодняшней статьи Вы узнаете, как довольно просто изменить цвет ссылки, в статьях. Данный способ подходит для основных блоговых движков с открытым для редактирования кодом, таких как: WordPress,  Dle, Joomla и некоторых других. Мы научимся менять цвет ссылки в статическом положений, при наведении курсора и после посещения.

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

ssyil

 

 

Для того чтобы изменить цвет ссылки, нам необходимо изменить стили,  для этого элемента.  За стили в WordPress отвечает файл style.css  (таблица стилей) .  Покажу принцип действий редактируя шаблон вордпресс. Для того чтобы открыть таблицу стилей, для редактирования, в админ панели движка переходим по вкладке «ВНЕШНИЙ ВИД», далее «РЕДАКТОР», и в самом низу находим нужный нам файл style.css  Новичкам не стоит бояться большого количества непонятных слов и символов, следуйте моим указаниям и все у Вас получиться. Для большей надежности можно даже сделать бэкап,  резервную копию блога, для того чтобы иметь возможность вернуться к исходным настройкам.

Открываем данный файл и приступаем к редактированию кода. Для начала нам необходимо найти нужный код, в большом количестве стилей.Для этого воспользуемся поиском- Сtrl+F.  В окно поиска вводим следующий текст:

a:hover

Находим данный элемент и вот что мы увидим:

tsvet-ssyilki2

 

Данный участок кода и отвечает за цвет самой ссылки, а также подчеркивание и изменение при наведении. Для редактирования цвета ссылки меняем цветовой номер, на другой. Для этого можно воспользоваться генераторами цветов или поэкспериментировать с палитрами самостоятельно.Об использований генератора цветов, можно прочитать- тут. Итак редактируем код цвета: color:#000000;,  на необходимый нам. Здесь же можно изменить стиль самой ссылки, для этого необходимо добавить один или несколько атрибутов к стилю text-decoration.Вот перечень основных атрибутов:

  • Blink- мигающий цвет;
  • Line-through — зачеркнутый текст;
  • Overline-  линия сверху текста;
  • Underline- подчеркивание;
  • None- установленный по умолчанию вариант, который отменяет все предыдущие настройки;

Таким же образом редактируется цвет ссылки после посещения.  Ну это вам уже небольшое домашнее задание. Успехов друзья.

БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

1 комментарий Как изменить цвет ссылки

  • Димитров сказал:

    Полезная статья, поменял цвет ссылок на всех своих ресурсах.Спасибо!

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

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