тень при наведении на подкатегории сделать тень

[todi16mbcom]

не знаю в тот ли раздел пишу 

но может кто подскажет как сделать тень при наведении мыши на подкатегории 

при наведении на товар сделал пробовал тот же код поставить на категории в css но соответственно результата ноль 

 

может кто подскажет как сделать?

 

при наведении на товар тень на скрине как сделать такое же на категориях?

Змінено 17 жовтня 2016 користувачем todi16mbcom

[zomo]

не знаю в тот ли раздел пишу 

но может кто подскажет как сделать тень при наведении мыши на подкатегории 

при наведении на товар сделал пробовал тот же код поставить на категории в css но соответственно результата ноль 

 

может кто подскажет как сделать?

 

при наведении на товар тень на скрине как сделать такое же на категориях?

-webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
 box-shadow: 0 0 25px rgba(0,0,0,.1);
-o-box-shadow: 0 0 25px rgba(0,0,0,.1);

С настройками поиграете...

[todi16mbcom]

-webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
 box-shadow: 0 0 25px rgba(0,0,0,.1);
-o-box-shadow: 0 0 25px rgba(0,0,0,.1);

С настройками поиграете...

 

я так понимаю это нужно вставить в css но куда именно? не подскажете?

вот часть кода с файла css в котором идет речь о категориях 

 

.category-page {

    padding: 0;

}

.category-page li {

    display: inline-block;

    margin: 5px 2px 12px;

}

.category-page a {

background: #eee none repeat scroll 0 0;

    border: 1px solid #ddd;

    padding: 3px 7px;

margin: 0 5px;

transition: all 0.3s ease-out 0s;

}

.category-page a:hover {

background: #fff none repeat scroll 0 0;

    border: 1px solid #eee;

transition: all 0.9s ease-out 0s;

}

[ibond]

hover -- определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.

[todi16mbcom]

блин не чего не получается 

 

что нужно прописать перед 

-webkit-box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
box-shadow: 0 0 25px rgba(0,0,0,.1);
-o-box-shadow: 0 0 25px rgba(0,0,0,.1);

 

например .category-page :hover или что и в какую часть вставить

уже как не пробовал все равно не как( 

[cloudrc]

.category-page li:hover {

***

}

Змінено 17 жовтня 2016 користувачем cloudrc

[todi16mbcom]

как уже не пробовал не чего не происходит 

может это связано с тем что у меня стоит модуль на отображение картинок подкатегорий?

subcat_images.ocmod.xml

[Tom]

Я смотрю тут потихоньку магазин чужими руками собирается.

 

Подсказка номер два.Открываем category.tpl, находим 

 

<div class="col-sm-3>

в который обёрнуты подкатегории эти.Добавляем класс(любой)

 

Так например  

<div class="col-sm-3  list">

В стили добавляем 

 

.list:hover {
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(100,119,252,3);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -4px, 0);
}

и срочно бежим подучить HTML-CSS....

 

[todi16mbcom]

 

Я смотрю тут потихоньку магазин чужими руками собирается.

 

Подсказка номер два.Открываем category.tpl, находим 

 

<div class="col-sm-3>

в который обёрнуты подкатегории эти.Добавляем класс(любой)

 

Так например  

<div class="col-sm-3  list">

В стили добавляем 

 

.list:hover {
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
box-shadow: 0 15px 30px rgba(100,119,252,3);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -4px, 0);
}

и срочно бежим подучить HTML-CSS....

 

 

вам конечно как всегда респект и уважение ваша помощь как всегда верна

к сожалению просто нет времени учить(

[Tom]

Ну вот накой они там эти тени?В чём суть траты времени на эту безделушку?

[todi16mbcom]

Ну вот накой они там эти тени?В чём суть траты времени на эту безделушку?

вы про то что я не поставил тени?

[Tom]

Я про то,что не нужно не имея собственных знаний пытаться втулить в магазин,то что никак не повлияет на его работу и возможность торговать.Ну вот что эти тени добавить и попрёт торговля?

[todi16mbcom]

Тени благодаря вашим знаниям удалось добавить но вот в связи с отсутствием у меня знаний не получилось до ума довести

конечно на торговлю не повлияет присто хотелось красиво сделать

[todi16mbcom]

вот поставил тени я думаю любому понятно что без доработки так оно смотрится совсем не очень