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

Эта статья пригодится тем владельцам сайтов, которые любят использовать на своих ресурсах всякие интересные фишки. Речь пойдет о том, как сделать счетчик посещений полупрозрачным, а при наведении на него курсора мыши он будет становиться более отчетливым.

1. Открываем файл темы «style.css» («Внешний вид» => «Редактор» => «style.css») и в самом конце добавьте вот этот код:

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

2. Теперь откройте файл «footer.php» («Внешний вид» => «Редактор» => «footer.php»). Найдите там ваш код счетчика или счетчиков и закройте его в тег <div id="banners-bloggood-ru">:

<div id="banners-bloggood-ru">
Код счетчика -1
</div>

Или так:

<div id="banners-bloggood-ru">
Код счетчика -1
Код счетчика-2
код счетчика-ххх
</div>

Пример:

В результате ваш счетчик или счетчики станут полупрозрачными. Наведите на них курсор мыши…
[посмотреть пример]

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

2 Ответов на комментарий - Как на WordPress сделать счетчики полупрозрачными?

1. Людмила Лао

   01.04.2015 в 20:30

   Интересное решение. Раньше о таком не читала. Надеюсь, это не первоапрельская шутка))))
2. Степан => автор блога

   02.04.2015 в 13:48

   Честное пионерское, это не первоапрельская шутка

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

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: wordpress, без плагинов