Суббота, 23.11.2024, 21:50 | Приветствую Вас Гость

Мой сайт

AC MILAN

Каталог статей

Главная » Статьи » Скрипты для ucoz

Секрет css или эффект прозрачности изображений/счетчиков


Вы наверное видели на разных сайтах прозрачные тусклые счетчики но при наведении на них курсора они становятся нормальные со стандартным видом , или наоборот картинки, счетчики с нормальными стандартными свойствами а при наведении они становятся прозрачные . В этой новости я обьясню как сделать прозрачность изображения, счетчика без 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>

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




Источник: http://forucoz.com/
Категория: Скрипты для ucoz | Добавил: Timka (13.05.2010)
Просмотров: 316 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Категории раздела
Скрипты для ucoz [408]
Шаблоны для ucoz [0]
Графика для ucoz [5]
Как раскрутить сайт [28]
Видеоуроки для Ucoz [0]
Всё для фотошопа [0]
Видеоуроки фотошопа [0]
Заработок на сайте [1]
Советы по uCoz [2]
Статистика
Рейтинг@Mail.ru
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Поиск
Теги
Опрос
Чего не хватает сайту?
Всего ответов: 28