Как сделать баннеры и счетчики полупрозрачными

Иногда счетчики и баннеры так мозолят глаза, что хоть вообще не ставь их. Однако некоторые из них слишком нужны. Чтобы эти пестрые картинки, которые каждый сервис, их предлагающий, делает раскраски павлиньего хвоста, не портили общую картинку в блоге, их можно сделать полупрозрачными пока не подведена к ним мышка.

tiaurus-0545

1. Для этого создадим в файле CSS специальный стиль для счетчиков.

#banners a img {opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}

2. После этого при вставке счетчиков в блог, заключаем их код в такую конструкцию:

Код счетчика или баннера

3. ….

4. Это все. А вы еще что-то ждали?

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

7 Комментарии

  1. а как сделать что бы при наведении курсора они ставали обычными?

    а в коде и сделано так, чтобы при наведении они становились обычными

  2. Спасибо. Только вот проблема с счетчиком Бигмира – он рисуется на странице ява-скриптом, как не пробовал не получается присвоить ему стиль. Может знает кто-то как решить трабл?

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

Ваш электронный адрес не будет опубликован.


*