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



Все мы читаем разнообразные блоги, например о интернет – сервисах или заработоке в интернете для начинающих для начинающих переходим на различные сайты и делаем это несколькими нажатиями, нажатиями на ссылку. Вроде бы ссылка – это повседневный инструмент, отправляющий нас на очередной интернет – ресурс. Но даже ссылка должна идеально вписываться в дизайн нашего блога и выглядеть на нем естественно.
Дизайн ссылки – это дизайн отдельного элемента вашего шаблона и цвет ссылки нужно подбирать грамотно и со вкусом. Так как если представить блог с оформлением в светлых тонах и ярко фиолетоые ссылки на нем, то сразу становится понятно, то такой блог сделан просто с отсутствием всякого вкуса.
Польза ссылок понятна и очевидна. Осталось только научиться изменять цвет отдельно взятой ссылки или всех ссылок сразу. Что касается движка blogspot со стандартным и простым шаблоном, то изменить цвет ссылок не составит никакого труда. Нужно лишь зайти в дизайнер шаблонов и выбрать понравившиеся вам цвета. Но, если у вас шаблон не стандартный и  функция изменения цветов ссылок не доступна. ( Такое часто бывает на сложных и многофункциональных шаблонах ), то не стоит расстраиваться, нужно лишь добавить маленький кусочек html кода. А для этого нужно зайти в дизайнер шаблонов, во вкладку Css и вписать там следующий код:

a:link {
color: #000000;
}

a:hover {
color: #000000;
}

a:active {
color: #000000;
}

a:visited {
color: #000000;
}

Где a:link – цвет ссылки;
a:hover  – цвет, который будет меняться на установленный при наведении курсора;
a:active – цвет активной ссылки;
a:visited – цвет посещенной ссылки;

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

<а href=”адрес ссылки”><span style=”color: #ff0000;”>текст ссылки</a></span>

Ссылка – это один из важных элементов в шаблоне. Так что подбирайте гармоничные ссылки и улучшайте дизайн своего блога.

 

Спасибо за добавление этой статьи в:

Комментариев: 2

    • Ola
    • Октябрь 1 2010 в 13:39

    Я думала, это есть где-то в настройках шаблона, боюсь ковырять сам код.

    Ответить

    • Tramp
    • Октябрь 2 2010 в 8:37

    Не бойтесь, просто перед экспериментами над шаблоном сделайте его резервную копию.

    Ответить

Написать комментарий

  • rss
  • rss
  • rss
  • rss