Иногда счетчики и баннеры так мозолят глаза, что хоть вообще не ставь их. Однако некоторые из них слишком нужны. Чтобы эти пестрые картинки, которые каждый сервис, их предлагающий, делает раскраски павлиньего хвоста, не портили общую картинку в блоге, их можно сделать полупрозрачными пока не подведена к ним мышка.
1. Для этого создадим в файле CSS специальный стиль для счетчиков.
#banners a img {opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}
2. После этого при вставке счетчиков в блог, заключаем их код в такую конструкцию:
<div id="banners"> Код счетчика или баннера </div>
3. ….
4. Это все. А вы еще что-то ждали?
а как сделать что бы при наведении курсора они ставали обычными?
а в коде и сделано так, чтобы при наведении они становились обычными
вопросов больше не имею ))))))
Спасибо! В 2 клика и задумка удалась!
Спасибо. Только вот проблема с счетчиком Бигмира — он рисуется на странице ява-скриптом, как не пробовал не получается присвоить ему стиль. Может знает кто-то как решить трабл?
Спасибо давно скриптик искал, а нашел такое простое решение :)
Приём рабочий, эффективный. Но валидатор ругается. Если 4 счётчикам такие дивы всунуть, то это будет 4 ошибки html. Других нет решений?