Пятница, 17.05.2024, 10:23
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Апрель » 26 » Подсвечивающиеся картинки
    10:45
    Подсвечивающиеся картинки
    Всем известный код, при наведении на картинку она становится светлее(подсвечивается)
    Кому нужен скрин напишите.

    Копируйте этот код в любое место в css

    Code
    a:hover img {  
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);  
    -moz-opacity: 1; /* Mozilla 1.6 */  
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */  
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
    filter: alpha(opacity=100); /* IE 5.5+*/  
    }  

    a img {  
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
    -moz-opacity: 0.5; /* Mozilla 1.6 */  
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */  
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
    filter: alpha(opacity=50); /* IE 5.5+*/  
    }
    Категория: скрипты для ucoz сайта | Просмотров: 1083 | Добавил: super5Nick | Рейтинг: 5.0/1
    Всего комментариев: 13
    13 Mixadance  
    0
    спс

    12 alex807  
    1
    А в Опере вообще не работает!

    11 alex807  
    1
    "при наведении на картинку она становится светлее" - ПОПРАВКА: при наведении на "картинку-ссылку она становится светлее" angry

    10 alikochka  
    -1
    +1

    9 Inner  
    -1
    кул)

    7 frolov1028  
    -1
    Благодарю +1

    4 LeBron  
    -1
    все работает, респект

    happy


    2 JIaTblLLI  
    1
    У меня не пашет!

    3 Simpsonnn  
    -1
    Ты дизайн менял?

    5 JIaTblLLI  
    0
    Да dry Я его весь перебрал заменяя на своё!

    1 Simpsonnn  
    -1
    Хороший скрипт , но не для светлых дизайнов! happy

    6 Dambass  
    0
    Пойдет...только вот так переделать?
    Code
    a img {  
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);  
    -moz-opacity: 1; /* Mozilla 1.6 */  
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */  
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
    filter: alpha(opacity=100); /* IE 5.5+*/  
    }  

    a:hover img {  
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
    -moz-opacity: 0.5; /* Mozilla 1.6 */  
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */  
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
    filter: alpha(opacity=50); /* IE 5.5+*/  
    }

    8 CharlieCarbon  
    -1
    Спасибо!

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]