Перейти к содержанию

Рекомендуемые сообщения

Всем привет друзья! Нужна помощь с редактированием стиля эффекта при наведении курсора.
 

Нашел на форуме стиль:

.box-product > div {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 4px;
    vertical-align: top;
    width: 237px;
}
 
.box-product > div:hover {
    box-shadow: 0 0 10px #59E817;
}

Никак не могу его совместить с тегом thumbnail который придает рамку меню. Хотелось бы как на фото с правой стороны рамочку и при наведении эта рамочка подсвечивалась и хочется,чтобы при наведении по  мимо светящейся рамки,чтобы картинка чуть светлее становилась(или  чуть прозрачнее). Пример демо сайта:

 

www.madbass.ru

 

Заранее спасибо всем.

post-707772-0-23679000-1457203110_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Напишите мне сейчас в скайпе (в профиле) - помогу

Изменено пользователем n3bo

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От vbond2603
      500.00 руб
      Скачать/Купить дополнение


      Дополнительное фото товара в каталоге при наведении
      При наведении на фото товара в каталоге и в стандартных модулях главная фотография меняется на первое дополнительное изображения товара. Модуль сделан в виде модификатора (ocmod).
      ===
      Описание:
      При наведении на фото товара в каталоге (category,special,search,manufacturer_info) и стандартных модулях (latest,special,featured,bestseller,product_tab,popular,ajax_viewed) главная фотография меняется на первое дополнительное изображения товара.
      ===
      При наличии этой функции очень упрощается выбор товаров в интернет-магазине. Это незаменимая вещь для упрощения поиска товаров. У многих крупных магазинов эта функция присутствует.
       
      Пример работы:
      http://hardcandy.top
       
      Модуль реализован для 2.0-3 версий.

      Модуль гарантировано будет работать на стандартном шаблоне.
      Также Бесплатный допил под нестандартные темы в случае покупки модуля и некорректной работы.

      Тех поддержка присутствует.
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Обновите модификаторы.
      Добавил vbond2603 Добавлено 25.12.2017 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От vbond2603
      При наведении на фото товара в каталоге и в стандартных модулях главная фотография меняется на первое дополнительное изображения товара. Модуль сделан в виде модификатора (ocmod).
      ===
      Описание:
      При наведении на фото товара в каталоге (category,special,search,manufacturer_info) и стандартных модулях (latest,special,featured,bestseller,product_tab,popular,ajax_viewed) главная фотография меняется на первое дополнительное изображения товара.
      ===
      При наличии этой функции очень упрощается выбор товаров в интернет-магазине. Это незаменимая вещь для упрощения поиска товаров. У многих крупных магазинов эта функция присутствует.
       
      Пример работы:
      http://hardcandy.top
       
      Модуль реализован для 2.0-3 версий.

      Модуль гарантировано будет работать на стандартном шаблоне.
      Также Бесплатный допил под нестандартные темы в случае покупки модуля и некорректной работы.

      Тех поддержка присутствует.
       
      Установка:
      1. Перейдите в раздел установки расширений
      2. Установите ocmod расширение
      3. Обновите модификаторы.
    • От AlexeyAnokhin
      Добрый день , подскажите как сделать ховер эффект на картинку в рекомендуемых и товарах ?
       
       
       

    • От axeproject
      Всем привет!
      Скажите как сделать рамку в каталоге товаров не прозрачной?
      И вообще возможно ли это?
       
      Во вложении она обведена красным.

       
      За ранее спасибо! :-)
    • От newfag
      Здравствуйте сообщники!
      Подскажите как сделать чтобы заполнение (padding) в списке категорий, в режиме наведения (hover) , было одинаковым для каждой строки. А то получается сделать только относительно размеров названия категории, вот так:
      http://smotr.im/8iEH
      http://smotr.im/8iEI
      А хотелось бы, чтобы было вот так:
      http://smotr.im/8iF3
      http://smotr.im/8iF4
      добавил я такой вот кусок:
      .box-category > ul > li:hover > a {
      background: #edf6f9;
      font-size: 15px;
      color: #000000;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 3px 3px 0px 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      padding: 6px 0px 6px 18px;
      }
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.