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

Started by Link on 2012-01-15 07:02 — 4 replies, 3508 views

#1
Будем делать прозрачные счетчики, которые при наведении курсора становились обычными.
--------------------------------------------------------------------------​

Открываем файл стилей сайта, например style.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">

<!--SpyLOG-->
<span id="spylog2042332"></span><script type="text/javascript"> var spylog = { counter: 2042332, next: spylog , track_links: "all" }; document.write(unescape("%3Cscript%20src=%22http" +
(("https:" == document.location.protocol) ? "s" : "") +
"://counter.spylog.com/cnt.js%22%20defer=%22defer%22%3E%3C/script%3E")); </script>
<!--SpyLOG-->

</div>
#2
Может лучше в стилях создавать, а не в модификациях
#3
Скриншот бы посмотреть...
#4
Скриншот бы посмотреть...
#5
Пользователь Exile обновил ресурс Эффект прозрачности баннеров и счетчиков новой записью:

Обновление 1.0.0

  • Обновлено описание ресурса
  • Перепаковка в .zip

Узнать больше об этом обновлении...