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

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Март » 12 » Подсвечевание картинок
    18:24
    Подсвечевание картинок
    Когда наводишь курсор на картинку она светится прикольно! СОВЕТУЮ!

    В 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 сайта | Просмотров: 1096 | Добавил: Ponto_Cotton | Рейтинг: 5.0/3
    Всего комментариев: 9
    9 f0rCce  
    0
    и у мну (( sad

    8 65620  
    0
    где найти /* General Style */ ?

    7 Лёша  
    0
    Всё работает!Нубы тупые!

    6 kolian  
    0
    Так все у кого не пашет, значит не туда ставите, надо ставить вначале после /* General Style */

    а ещё, автор, по моему картинки слишком сильно затеняются когда на них не наводишь предлагаю вот так смотрится лучше

    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=75);   
       -moz-opacity: 0.75; /* Mozilla 1.6 */   
       -khtml-opacity: 0.75; /* Konqueror 3.1, Safari 1.1 */   
       opacity: 0.75; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */   
       filter: alpha(opacity=75); /* IE 5.5+*/   
    }

    кому инетересно попробуйте как больше понравится

    5 david1988  
    0
    а чего это не пашет. у меня все идет biggrin . вы блин хотя бы додумались страницу перегрузить lol

    4 remus  
    0
    не пашет я тогда пробовать не буду

    3 ASTART  
    0
    А почему не работает ????

    2 smotri-v-online  
    0
    у мя тож непашет sad

    1 tesnikov  
    0
    Чё то не пашет(

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