Как сделать прозрачные счётчики, баннеры для сайта?

Хорошего настроения Всем кто зашёл на — Sozdaiblog.ru!

Из этой статьи Вы узнаете, как сделать прозрачные счётчики, баннеры для сайта или блога.

Статья будет короткой, но достаточно содержательной и полезной.

Сейчас, я попрошу всех опуститься в самый низ блога и посмотреть на счётчик посещений. Как видите, он отличается от обычного (после некоторых изменений его там больше нет, извините).

Чтобы он не отвлекал посетителей, я сделал его прозрачным.

Мне кажется, что прозрачный счётчик смотрится эффектнее, чем обычный. Таким способом, можно затемнить не только счётчик, но и любой баннер на сайте.

Как сделать прозрачный счётчик или баннер.

Для того чтобы сделать прозрачный счётчик или баннер, нужно в стилях CSS вашего ресурса, прописать следующий код:

/* ----////// Эффект прозрачности /////------- */

#banners a img {

opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=40);

}

#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

Затем, Вам нужно счётчик или баннер обернуть, вот таким кодом:

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

Вы можете самостоятельно менять прозрачность счётчика.

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

На сегодня это всё. Надеюсь, что Вам понравился эффект прозрачности.

У кого нет счётчика для сайта, то рекомендую его поставить. Как это сделать, можно узнать, прочитав статью – «Как установить счётчик посещений на сайт|блог».
На сегодня это всё! Удачи!

С уважением, Денис Черников!