

Как Сделать, Чтобы При Наведении На Товар Появлялась Рамка
#21
Отправлено 03 Август 2014 - 18:17
p.s. по-моему я просто изменял цвет на белый. а может и нет - давно было не помню
#22
Отправлено 03 Август 2014 - 18:26
ipodushkin (03 Август 2014 - 18:17) писал:
p.s. по-моему я просто изменял цвет на белый. а может и нет - давно было не помню
Найдите в Style.css
.goodsListItemImage { height: 200px; margin-top: 1em; }Измените на
.goodsListItemImage { height: 200px; margin-top: 1em; border: solid red; }
#23
Отправлено 03 Август 2014 - 19:27
batta (03 Август 2014 - 18:26) писал:
Найдите в Style.css
.goodsListItemImage { height: 200px; margin-top: 1em; }Измените на
.goodsListItemImage { height: 200px; margin-top: 1em; border: solid red; }
Спасибо, но это немного не то. Мне нужно чтобы было как в шаблоне Мокко по умолчанию (не такая жирная и захватывала название и цену товара).
#24
Отправлено 03 Август 2014 - 20:45
ipodushkin (03 Август 2014 - 19:27) писал:
Спасибо, но это немного не то. Мне нужно чтобы было как в шаблоне Мокко по умолчанию (не такая жирная и захватывала название и цену товара).
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; position: relative; }Измените на
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; position: relative; border: ridge; }
#25
Отправлено 24 Ноябрь 2014 - 15:00
Как на этом сайте http://adevices.ru/catalog У меня просто тоже шаблон "Весна"
#26
Отправлено 24 Ноябрь 2014 - 15:05
petlyra5 (24 Ноябрь 2014 - 15:00) писал:
Как на этом сайте http://adevices.ru/catalog У меня просто тоже шаблон "Весна"
.prod_hold, .prod_hold_recent { display: inline-block; display: -moz-inline-stack; vertical-align: top; margin: 0 7px 20px 8px; padding: 5px; background-color: #ffffff; position: relative; text-align: center; border: 1px solid #DDDDDD; z-index: 100; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); }и замените на
.prod_hold, .prod_hold_recent { display: inline-block; display: -moz-inline-stack; vertical-align: top; margin: 0 7px 20px 8px; padding: 5px; background-color: #ffffff; position: relative; text-align: center; border: 1px solid #f5f5f5; z-index: 100; }
#27
Отправлено 24 Ноябрь 2014 - 15:21
Danil (24 Ноябрь 2014 - 15:05) писал:
.prod_hold, .prod_hold_recent { display: inline-block; display: -moz-inline-stack; vertical-align: top; margin: 0 7px 20px 8px; padding: 5px; background-color: #ffffff; position: relative; text-align: center; border: 1px solid #DDDDDD; z-index: 100; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); }и замените на
.prod_hold, .prod_hold_recent { display: inline-block; display: -moz-inline-stack; vertical-align: top; margin: 0 7px 20px 8px; padding: 5px; background-color: #ffffff; position: relative; text-align: center; border: 1px solid #f5f5f5; z-index: 100; }
#28
Отправлено 24 Ноябрь 2014 - 15:51
petlyra5 (24 Ноябрь 2014 - 15:21) писал:
#content .prod_hold:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }0 0 6px 0 - отступы тени
rgba(0, 0, 0, 0.1); - цвет тени
Во всех строчках код должен совпадать.
#29
Отправлено 24 Ноябрь 2014 - 16:37
Danil (24 Ноябрь 2014 - 15:51) писал:
#content .prod_hold:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }0 0 6px 0 - отступы тени
rgba(0, 0, 0, 0.1); - цвет тени
Во всех строчках код должен совпадать.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных