Как сделать затемнение счётчиков на сайте или форуме

[фанфорум]

Если вы обратили внимание, внизу этого форума установлены счётчики статистики, но их пёстрое разнообразие не так сильно бросается в глаза - так как они затемнены слоем поверх них, но при наведении на них - исходный цвет отображается.

 

Как затемнить счётчики и банеры - на сайте или форуме, расскажу на примере Invision Board 3.4.x. и Invsion Community 4.x.x

 

1. Заходим в редактирование стиля IP.Board
2. В закладке CSS находим ipb_styles.css
3. В конце вставляем код:

   #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);
   }
   
   

   Далее все просто, в коде странички - где счетчики, всё закрываем дивом:
   Находится это там же в шаблонах, в globalTemplate

4. <div id="banners"> тут выши коды счётчиков или банеров</div>
   

    

[фанфорум]

На IPS 4.2.8 для темы Ortem 4.2 от IPSFocus

коды счётчиков так-же вставлять в globalTemplate

в вот вместо ipb_styles.css править в core_responsive.css