Блок Партнеры для сайта

Тема в разделе "Веб-дизайн", создана пользователем antony_antony, 11 сен 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. antony_antony

    antony_antony Постоялец

    Регистр.:
    6 май 2008
    Сообщения:
    72
    Симпатии:
    2
    На сайтах каких-то событий, форумов или промосайтах почти всегда в футере сайта делают блок Наши партнеры (логотипы спонсоров в сером цвете, которые при наведении указателя меняются на цветные). Кто может дать пример реализации такого блока? или хотя бы ссылку, где есть такой пример...
     
  2. lifediz

    lifediz Yii Framework developer

    Регистр.:
    7 июн 2008
    Сообщения:
    385
    Симпатии:
    507
    HTML:
    a img { opacity:0.2; }
    a:hover img { opacity:1; }
     
  3. LodeRunner

    LodeRunner

    Регистр.:
    10 фев 2010
    Сообщения:
    220
    Симпатии:
    12
    Это CSS 3, не все браузеры его поймут

    Для Mozilla 1.6 и ниже, Firefox 0.8 добавляем
    Код:
    -moz-opacity: 0.2;
    Для ИЕ добавляем
    Код:
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
     
  4. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    Можно сделать две картинки, одна цветная, а другая черно белая.
    И потом вот так заменять:
    Код:
    <a href="#"><img src="images/1.png" onmouseover="this.src='images/2.png'" onmouseout="this.src='images/1.png'"></a>
    работает везде.
     
  5. darkangelmsk

    darkangelmsk Писатель

    Регистр.:
    12 окт 2010
    Сообщения:
    9
    Симпатии:
    1
    Ещё можно использовать следующий вариант:

    a img { filter: gray()}
    a:hover img { filter:none }

    Правда может не работать в некоторых браузерах
    Зато делает честный ч/б, а не снижение opacity
     
Статус темы:
Закрыта.