Изменить Обрамление Ячеек
#1
Отправлено 18 Ноябрь 2013 - 19:48
Сейчас при наведении показывается синяя рамка. Надо сделать за место этой синей рамки тень.
Спасибо.
#2
Отправлено 19 Ноябрь 2013 - 05:56
.withBorder:hover { border-bottom-color: #0063A9 !important; border-left-color: #0063A9 !important; border-right-color: #0063A9 !important; border-top-color: #0063A9 !important; }
Далее чтобы отпадала тень в main.css добавьте сл.блок:
.goodsListItemBlock:hover { box-shadow: 1px 1px 2px #ccc }
Значение тени естественно вы можете изменить
#3
Отправлено 19 Ноябрь 2013 - 10:06
#4
Отправлено 19 Ноябрь 2013 - 12:01
AlexP_RUS (19 Ноябрь 2013 - 10:06) писал:
.goodsListItemBlock:hover { box-shadow: 2px 2px 2px #ccc; }на
.goodsListItemBlock:hover { box-shadow: 2px 2px 2px #ccc, -2px -2px 2px #ccc; }
#5
Отправлено 19 Ноябрь 2013 - 12:13
Сейчас название чёрное, и при наведении оно тоже чёрное.
#6
Отправлено 19 Ноябрь 2013 - 12:23
AlexP_RUS (19 Ноябрь 2013 - 12:13) писал:
Сейчас название чёрное, и при наведении оно тоже чёрное.
.goodsListItemName a:hover { color: red; }, указав желаемый цвет.
#7
Отправлено 19 Ноябрь 2013 - 14:06
ne_yana (19 Ноябрь 2013 - 12:23) писал:
.goodsListItemName a:hover { color: red; }, указав желаемый цвет.
Спасибо.
#8
Отправлено 19 Ноябрь 2013 - 15:00
AlexP_RUS (19 Ноябрь 2013 - 14:06) писал:
Спасибо.
.withBorder:hover { border-color: #0063A9 !important; }
добавьте
.goodsDataMainImagesIcon.floatLeft:hover { border: 1px solid #0063A9 !important; border-radius: 3px; }
#9
Отправлено 02 Декабрь 2013 - 14:16
ne_yana (19 Ноябрь 2013 - 15:00) писал:
.withBorder:hover { border-color: #0063A9 !important; }
добавьте
.goodsDataMainImagesIcon.floatLeft:hover { border: 1px solid #0063A9 !important; border-radius: 3px; }
#10
Отправлено 02 Декабрь 2013 - 14:39
AlexP_RUS (02 Декабрь 2013 - 14:16) писал:
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.goodsDataMainImage .withBorder:hover { border-color: #E5E5E5 !important; }
#11
Отправлено 03 Февраль 2015 - 00:02
#12
Отправлено 03 Февраль 2015 - 00:12
.withBorder { border: 1px solid #E5E5E5 !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных