Меняем цвет ссылок





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

font-family-тип шрифта
font- size-его размер
text-decoration-оформление
(зачеркнутый, подчеркнутый и т. д.)
color-цвет

идем дальше:

a:link-отвечает за ссылку в спокойном состоянии
a:hover-цвет при наведении курсора на ссылку
a:visited-цвет уже посещенной ссылки

После того как определились цвет каких ссылок нужно менять определимся с цветом каждой из них. Сделать это можно в Photoshope, если у вас не установлена эта программа, есть много онлайн сервисов по определению цвета. Одним из таких сервисов является Колдунщик цветов яндекса, которым очень легко пользоваться. На фото все

понятно без объяснений, думаю разберутся все.





С цветами определились… Можно считать подготовку законченной. Снова в редакторе своей темы открываем файл style.css, делаем его копию ( не сочтите занудой за напоминание об этом, но не хочется нести ответственность за чью то забывчивость). Здесь остается найти уже знакомые нам свойства ссылок и заменить цвета (color), определенные вашей темой, на свои. Конечно все темы чем нибудь отличаются, поэтому код приведенный ниже служит только примером и не будет совпадать 1х1, но зная что менять вы

a
{ color: #08004D;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
text-decoration: underline;
color: #08004D;
}/* Adds special style to an unvisited link. */
a:link
{color: #08004D;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
text-decoration: underline;}/* Adds special style to a visited link. */
a:visited, a.visited
{color: #0084D8;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;}/* :hover – adds special style to an element when you mouse over it. */
a:hover, a.hover
{color: #C50009;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;


легко разберетесь. Удачи! А как изменились  черные ссылки на этом блоге можно увидеть наводя на них курсор и пощелкав по ним.


1 комментарий к записи “Меняем цвет ссылок”

  • Alex:

    полезная информация, не столь давно я именно этим и занимался у себя, правда некоторых познаний не хватало, проходилось работать методом “втыка” (по научному метод приближенных иттераций, сказывается техническое прошлое :roll: )

Оставить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


5 × 2 =

Яндекс поиск