Проверено

VDS-хостинг - именно на этом хостинге работает наш сайт.
Sape - биржа временных ссылок, доход 80р/день.
Trustlink - биржа временных ссылок, доход 60р/день.
Telderi - здесь покупаю сайты для дальнейшего заработка.

Партнеры

Отдых в новомихайловском на www.yug-more.ru.

Эффект прозрачности для изображений



Возможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается…


Вот так выглядит наш CSS код
<style type="text/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);

}

-->

</style>



Далее необходимые нам изображения заключаем в соответствующий DIV. К примеру вот так…

<div id="banners">

[url=#">[img]cnt.gif[/img]</a>

<a href=][img]cycounter.gif[/img][/url]

<a href="#">[img]hit.gif[/img]</a>

<a href="#">[img]img.gif[/img]

</div>



Куда мы можем применить данный эффект… опять же таким образом мы можем увести акцент внимания с определенных объектов, тех же счетчиков, или можем сделать наши изображения скажем в фото галерее на сайте полупрозрачными. Возможно применить этот эффект с созданию меню сайта…в общем фантазия в Ваших руках.

Другие новости по теме: