Загружаем страницу...
Осветление счетчиков и баннеров - Мои статьи - Каталог статей - Рипы сайтов и адаптация шаблонов
Рекламное место:



Меню сайта
Категории раздела
Мои статьи [16]
Промо [0]
Реклама
Главная » Статьи » Мои статьи

Осветление счетчиков и баннеров

Несмотря на то, что большинство счетчиков предоставляют возможность выбрать вариант их цветового решения, наиболее сочетающийся с дизайном сайта на котором их планируется установить. Они не всегда вписываются в дизайн идеально.
Для решения этой проблемы есть решение - все счетчики можно затемнить, либо осветлить (как это сделано на нашем сайте и форуме) Причем, что интересно, при наведении курсора мыши на счетчик эффект затемнения/осветления пропадает, и вы можете отчетливо считать все данные.

Делается это при помощи таблиц стилей CSS.
Для этого необходимо дописать в конец используемой сайтом таблицы стилей следующий код:

Code
#banners a img
{
opacity:0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
-moz-opacity:0.3; /* Mozilla 1.6 */
filter:alpha(opacity=40); /* IE 5.5+*/
}

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


А все коды вставляемых счетчиков заключить в

Code
<div id="banners"> коды всех счётчиков </div> 

Результат работы данного кода вы можете на моем Сайте

Категория: Мои статьи | Добавил: Ripsite (23.01.2011) W
Просмотров: 1555 | Комментарии: 1 | Теги: Затемнение и осветление счетчиков и | Рейтинг: 5.0/1
Всего комментариев: 1
1 Yoshimi  
Tochudwon! That's a really cool way of putting it!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Счётчик
Поиск
Ads
Статистика
Проверка ТИЦ
Ссылки
Купить ссылку здесь за руб.
Статистика
| Карты сайта: Sitemap.xml и Sitemap-forum.xml