Скрипты

Скрипты | Коллекция эффектов для ссылок

Скопируй код (Ctrl+C) и вставь (Ctrl+V) в нужное тебе место. Коды вставлять между тегами <head> и </head>.

увеличение жирности ссылки

<style type="text/css"> a:hover{font-weight: bolder; TEXT-DECORATION: none; } a{color:#цвет ссылки; text-decoration:underline; } </style>

оригинальные тускнеющие ссылки

<style type="text/css"> a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: #цвет ссылки; HEIGHT: 10px; TEXT-DECORATION: none;} a{color:#цвет ссылки; text-decoration:none; } </style>

подчеркивание ссылки

<style type="text/css"> a:hover{color:red; text-decoration: underline; } a{color:#FF00CC; text-decoration:none; } </style>

color:red; - цвет не подчёркнутой ссылки
a{color:#FF00CC; - цвет подчёркнутой ссылки

зачеркивание ссылки

<style type="text/css"> a:hover{color:#FF8000; text-decoration: line-through; } a{color:#0000ff; text-decoration:none; } </style>

a:hover{color:#FF8000; - цвет зачёркнутой ссылки
a{color:#0000ff; text-decoration:none; } - цвет не зачёркнутой ссылки

пунктирная рамочка вокруг ссылки

<style type="text/css"> a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; } a{color:#0000ff; text-decoration:none; } </style>

a{color:#0000ff; - цвет обычной ссылки
red 1px dashed; COLOR: red; - цвет ссылки в рамочке
a:hover{BORDER-RIGHT: red - цвет пунктирной линии

исчезающее подчеркивание

<style type="text/css"> a:hover{color:#ff0000; text-decoration: none; } a{color:#0000ff; text-decoration:underline; } </style>

a{color:#0000ff; - цвет не подчёркнутой ссылки
a:hover{color:#ff0000; - цвет подчёркнутой ссылки

верхнее подчеркивание ссылки

<style type="text/css"> a:hover{color:#0000FF; text-decoration: overline; } a{color:#ff0000; text-decoration:none; } </style>

a{color:#ff0000; - цвет не подчёркнутой ссылки
a:hover{color:#0000FF; - цвет подчёркнутой ссылки

двойное подчеркивание ссылки

<style type="text/css"> a:hover{color:#FF0000; text-decoration: underline overline; } a{color:#0000ff; text-decoration:none; } </style>

a{color:#0000ff; - цвет не подчёркнутой ссылки
a:hover{color:#FF0000; - цвет подчёркнутой ссылки

заливка ссылок при наведении мышки

<style type="text/css"> a:hover{color:#FF0000; BORDER-TOP: #000000 1px solid; BACKGROUND: #0000ff ; BORDER-BOTTOM: #FFFFFF 1px solid; text-decoration: none; } a{color:#00FF00; text-decoration:none; } </style>

a{color:#00FF00; - цвет обычной ссылки
BACKGROUND: #0000ff - цвет заливки
BORDER-TOP: #000000 - цвет верхнего подчёркивания
BORDER-BOTTOM: #FFFFFF - цвет нижнего подчёркивания
a:hover{color:#FF0000; - цвет залитой ссылки