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

Настройки
👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

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

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. После этого при вставке счетчиков в блог, заключаем их код в такую конструкцию:

<div id="banners">
Код счетчика или баннера
</div>

3. ….

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

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. volos_86

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

    Ответить
  2. tiaurus

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

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

    Ответить
  3. volos_86

    вопросов больше не имею ))))))

    Ответить
  4. Загадочный

    Спасибо! В 2 клика и задумка удалась!

    Ответить
  5. lubart

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

    Ответить
  6. Андрей

    Спасибо давно скриптик искал, а нашел такое простое решение :)

    Ответить
  7. Юрий Коловрат-Бутенко

    Приём рабочий, эффективный. Но валидатор ругается. Если 4 счётчикам такие дивы всунуть, то это будет 4 ошибки html. Других нет решений?

    Ответить