Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.196.150
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
эффект прозрачности изображений/счетчиков
Сообщение оставлено 01.07.2010 в 21:44:50 | Сообщение #1

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

Установка:
Открываем ваш .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>

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

 
Моё уважение:
GROMuJla
koOlZz
DanWer
Liiion911
----------------
Мои контакты:
ICQ: 4839997
SKYPE: camper.pro
E-mail: avpmegion@mail.ru
syte : MegaForze.ru
Vkontakte.ru: id43870732

[c][/c]

 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика