Понедельник, 07.07.2025, 07:14
Опытный сайт
Приветствую Вас Гость | RSS
Главная | Эффект прозрачности изображений - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Эффект прозрачности изображений
НикитаДата: Воскресенье, 09.05.2010, 09:24 | Сообщение # 1

zkl

Сообщений: 53


[ 3 ]


Offline
Бог форума За хорошую посещаемость на форуме

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

Установка:
Заходим в "Управление дизайном сайта" в ксс стили ставим:

Code
#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);

     }

И далее все картинки и счетчики которые вы хотите сделать с эффектом прозрачности заключаем в такой код :

Code
<div id="banners">Тут код картинок, баннеров, счетчиков.</div>

Текст Тут код картинок, баннеров, счетчиков. меняем на ваш код картинок или счетчиков . Смотрим и радуемся ! =)

  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025 Бесплатный конструктор сайтовuCoz