[ Добавить материал ]

Эффект прозрачности баннеров и счетчиков в .css

Многие наверно видели прозрачные счетчики которые при наведении курсора становились обычными... Россмотрим  один спосиб, (по моему мнению самый оптимальный)   


Начнем:

Открываем файл стилей сайта, *****.css и в самый конец добавляем следующий код:


#banners a img
{
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

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


далее открываем файл или страницу в котором прописаны баннеры, например index.php или index.html



И заключаем вашу картинку (банер, счетчик) в теги

<div id="banners">картинки , банеры</div>

Например: у меня выглядит это  так:

   <DIV id="banners">


<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t41.5;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><!--/LiveInternet-->

     </DIV>

Категория: Статьи | Добавил: Администратор (20 Марта 2010)
Просмотров: 2447 | Рейтинг: 4.0/1
Всего комментариев: 0