2013-09-10

CSS оформление ссылок

css оформление ссылок
Для того, чтобы оформить ссылки, нужно провести изменения в таблице стилей. Коды css будут приведены ниже.
a:link
Определяет стиль ссылки
a:visited
Определяет стиль посещённой ссылки
a:active
Определяет стиль активной ссылки.
Ссылка становится активной в момент нажатия на нее.
a:hover
Стиль ссылки, по которой кликнули.
Узнайте еще про оформление ссылок в непосредственно в записи блога, а также как вставить ссылку в текст на форумах подробно со скриншотами.

Примеры оформления ссылок css

  1. Изменение цвета ссылки при наведении ..
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline; color: red;}
    * text-decoration: none  - убирает подчеркивание ссылок
    Как выглядит ссылка:
    Если в примере нет анимации, то обновите страницу!

  2. css оформление ссылок
  3. Стиль подчеркивания сверху и снизу при наведении
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline overline; color: red;}
    2
  4. Увеличение размера ссылки при наведении
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {font-size:24; font-weight:bold; color: red;}
    css оформление ссылок
  5. Изменение цвета фона ссылки:
    A:link {background: #FFCC00; text-decoration: none}
    A:visited {background: #FFCC00; text-decoration: none}
    A:active {background: #FFCC00; text-decoration: none}
    A:hover {background: #FFCC00; font-weight:bold; color: red;}
    css оформление ссылок
Для того, чтобы изменить стиль ссылок на wordpress, нужно зайти в таблицу стилей, найти отрезок кода A:link и заменить стили ссылок на собственные.
На Blogspot редактируем шаблон блога и находим A:link и также изменяем весь код
A:link {бла-бла-бла}
A:visited {бла-бла-бла}
A:active {бла-бла-бла}
A:hover {бла-бла-бла
на собственный стиль.
Вам будет также интересно узнать как сделать анимированные ссылки на blogspot.

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

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности