Меню сайта
Файловое меню
    Категории раздела
    Шаблоны для ucoz [60]
    Скрипты [20]
    Шапки [14]
    Мини чат
    200
    Софт для веб масте
    Опрос
    какой браузер вам больше нравица?????

    Всего ответов: 21
    Главная » Файлы » ВСЁ ДЛЯ UCOZ » Скрипты

    Секрет css или эффект прозрачности изображений/счетчиков
    [ ] 28.08.2009, 11:57:49



    Вы наверное видели на разных сайтах прозрачные тусклые счетчики но при наведении на них курсора они становятся нормальные со стандартным видом , или наоборот картинки, счетчики с нормальными стандартными свойствами а при наведении они становятся прозрачные . В этой новости я обьясню как сделать прозрачность изображения, счетчика без 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>
    Категория: Скрипты | Добавил: MoRoZZZZ
    Просмотров: 480 | Загрузок: 0 | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль


    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

    Логин:
    Пароль:


    Поиск
    Полезный софт
    Наша кнопка


    [ Получить код баннера]
    Друзья
    WWW.CROCUZ.RU- всё для раскрутки и заработка Сайт с шаблонами разработаными в Photoshop для uCozСофт,Мультимедиа,Все для Ucoz,Все для Photoshop,раздача 6 знаков и WMR.
    Статистика
    Информеры тиц pr
    Каталог сайтов: Программы Rambler's Top100 Яндекс цитирования
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    MySite | All right reserved © 2024