Как создать рамку вокруг товара при наведении мышки

Тема в разделе "OpenCart", создана пользователем bosten, 29 июн 2013.

  1. bosten

    bosten

    Регистрация:
    2 май 2013
    Сообщения:
    153
    Симпатии:
    33
    Как создать рамку вокруг товара при наведении мышки на товар увеличивается немного фотография и добавляется описание товара. Пример как на сайте розетка
     
  2. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    350
    Симпатии:
    72
    по ссылке-примеру фотография не увиличивается, а лишь появляется рамка с тенью при наведении.
    решается путем добавление псевдокласса hover к элементу
    пример (в нем нет тени):
    .box-product > div:hover {
    background-color: #EBF8FF;
    border: 2px solid #FFADB9;
    padding: 2px 0;
    }
    Тень добавляется с помощью box-shadow
    http://htmlbook.ru/css/box-shadow
     
    bosten нравится это.
  3. ergoline

    ergoline

    Регистрация:
    23 ноя 2012
    Сообщения:
    214
    Симпатии:
    22
    использовать плаг к фоксу файербаг или вебдевелопер. увидишь цсс и тп.
    или найти шабы, которые здесь выложены, с подобными элементами и взять оттуда
    ЗЫ ТС отредактируй пост чтоб из ссылки убрать сплойер в конце
     
    bosten нравится это.