Делаем счетчик затемненным и осветляющимся при на ведении
Ну вот и возник вопрос о создании затемненного счетчика который хотелось бы осветлять при наведении. Сейчас мы это с Вами сделаем. Смотрите демонстрационный скринщот:
Итак, для начала заходим в управление стилями форума, открываем все опции стиля и почти в самом конце находим два окна с CSS кодом. В люое из них в самый конец добавляем код:
PHP код:
/* Начало-Затемнение */
.bormotuhinet img {
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
}
.bormotuhinet a:hover img {
opacity:2.0;
-moz-opacity:2.0;
-khtml-opacity:2.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200);
}
/* Конец-Затемнение */
Сохраняем изменения. Открываем шаблон с счетчиком (обычно это шаблон
footer). и Код счетчика заключаем в div.
PHP код:
<div align="center" class="bormotuhinet">
#ТУТ КОД СЧЁТЧИКА#
</div>
Например должно получится примерно так:
PHP код:
<div align="center" class="bormotuhinet">
<!--LiveInternet counter--><script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' target=_blank><img src='http://counter.yadro.ru/hit?t26.6;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) + ";" + Math.random() + "' border=0 width=88 height=15 alt='' title='LiveInternet: показано число посетителей за сегодня'><\/a>")</script><!--/LiveInternet-->
</div>
Сохраняем изменения и сохраняемся.
Наблюдаем за результатом и радуемся.
ps
Для тех кто не в курсе куда добавлять код счетчика в шаблоне
footer смотрим тему:
Как установить счетчик на форум [инструкция]