Полупрозрачные счетчики посещений

[Admin]

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

Для того, чтобы добавить счетчикам (или каким-нибудь другим элементам) полупрозрачность, для начала необходимо описать стиль:

Код:

<style type="text/css">
.counter img{ opacity:0.5; filter:alpha(opacity=50) }
.counter:hover img{ opacity:1.0; filter:alpha(opacity=100) }
</style>

А саму картинку со счетчиком необходимо поместить в любой тег с описанным ранее стилем. Например, так:

Код:

<span class="counter">
<img src="http://db.c2.b0.a2.top.mail.ru/counter?id=2108237;t=53" border="0" height="31" width="88" title="Рейтинг@Mail.ru" alt="Рейтинг@Mail.ru">
</span>

Если необходимо, чтобы при наведении мышки нормальным становился только тот счетчик, над которым находится курсор, а не все счетчики в блоке, используйте такой код:

Код:

<style type="text/css">
.counter img{ opacity:0.5; filter:alpha(opacity=50) }
.counter img:hover{ opacity:1.0; filter:alpha(opacity=100) }
</style>