Секреты ШТМЛ

разноцветные полосы прокрутки: простая закраска

Вставляем в head:
<style> body{ scrollbar-base-color: #FFCCFF}</style>

продавливающиеся ссылки
Вставляем в head:
<style type="text/css"> a{COLOR: red; TEXT-DECORATION: none; } a:hover{POSITION: relative; TOP: 1pt; TEXT-DECORATION: none; color: black; }</style>

простая смена цвета ссылок при наведении мыши
Вставляем в head:
<style type="text/css"> a{COLOR: #FF9999;} a:hover{color: #CC3366;}</style>

размазывающиеся ссылки
Вставляем в head:
<style type="text/css"> A{font-size: 9px; COLOR: #CC66CC; FONT-FAMILY: verdana; HEIGHT: 0px; TEXT-DECORATION: none; FILTER: none; } A:hover {font-size: 10px; FILTER: blur; COLOR: #FF66FF; FONT-FAMILY: verdana; HEIGHT: 5px; TEXT-DECORATION: none} </style>

увеличивающиеся ссылки
Вставляем в head:
<style type="text/css"> A{font-size: 8px; COLOR: black; FONT-FAMILY: verdana; HEIGHT: 0px; TEXT-DECORATION: none; } A:hover {font-size: 12px; COLOR: #FF66FF; FONT-FAMILY: verdana; HEIGHT: 5px; TEXT-DECORATION: none}  </style>
зачеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: line-through; } a{color:#FF00CC; text-decoration:none; } </style>

подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline; } a{color:#FF00CC; text-decoration:none; } </style>

двойное подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline overline; } a{color:#FF00CC; text-decoration:none; } </style>

пунктирная рамочка вокруг ссылки
Вставляем в head:
<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:#FF00CC; text-decoration:none; } </style>

увеличение жирности ссылки
Вставляем в head:
<style type="text/css"> a:hover{font-weight: bolder; TEXT-DECORATION: none; } a{color:#FF00CC; text-decoration:underline; } </style>

исчезающее подчеркивание
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: none; } a{color:#FF00CC; text-decoration:underline; } </style>

заливка ссылок при наведении мышки
Вставляем в head:
<style type="text/css"> a:hover{color:red; BORDER-TOP: #FFCCFF 1px solid; BACKGROUND: #FFCCFF ; BORDER-BOTTOM: #FFCCFF 1px solid; text-decoration: none; } a{color:#FF00CC; text-decoration:none; } </style>

красивые тускнеющие ссылки
Вставляем в head:
<style type="text/css"> a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: red; HEIGHT: 10px; TEXT-DECORATION: none;} a{color:#FF00CC; text-decoration:none; } </style>
верхнее подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: overline; } a{color:#FF00CC; text-decoration:none; } </style>

загрузка на сайт картинки-курсора

Вставляем в head:
<STYLE TYPE="text/css">BODY { cursor: url('Ваш адреес');}</style>

Смена курсора при наведении мыши на ссылку:

В примере курсор имеет вид крестика: "cursor:crosshair"

Вставляем в body:
<a href="http://fantasyflash.ru" style="cursor:crosshair">ваша ссылка</a>

Смена курсора на всей страничке:
(вид - любой из вышеперечисленных)

просто указываем в style body:
<body style="cursor:help">... </body>

эффект радуги в ссылке
Вставляем в head:
<style type="text/css"> a{color:#FF00CC; text-decoration:none; } body {font-size:12px; font-family:verdana;} </style> <link href="http://fantasyflash.ru/script/web/image/style.css" type=text/css rel=stylesheet>