R238869482245
U226678638823
Z265872396874
E217750470929
41001327550911
Интересное
Загружается, подождите...
Joomla! Блог!
Блог посвящен системе Joomla!
Эффект прозрачности баннеров
Автор: Salkstudio
Категория: Статьи
Теги: Без тегов
Часто на сайтах можно увидеть изображения, баннеры, счетчики рейтингов и т. п. с полупрозрачным эффектом и при наведении курсора становились обычными. Как этого добиться? В этом уроке мы разберем как это сделать…
Находим в файл template.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);
}
Далее, код самого баннера, изображения и т. п. обромляем в следующее:
<div id="banners">здесь код баннера, картинки и т.п.</div>
Все, теперь у Вас есть эффект полупрозрачности…
Просмотров: 1447
Комментарии (4)
Автор: Алексей , Январь 07, 2011
насчет первого пункта второго способа: забыл между тегами style прописать собственно сами определения стилей, которые приведены в п.1 первого способа 
Написать комментарий
