Перейти к содержимому


Изменить Обрамление Ячеек


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 18 Ноябрь 2013 - 19:48

Здравствуйте, хочу изменить отображение рамок ячеек при наведении, чтобы при наведении курсора от обрамления ячейки подала тень как тут strikecomp.ru, при этом не надо убирать само обрамление (серое - border:1px solid #E5E5E5), оно пусть останется. Хочется чтобы от этого серого обрамления отпадала тень при наведении.
Сейчас при наведении показывается синяя рамка. Надо сделать за место этой синей рамки тень.
Спасибо.

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Ноябрь 2013 - 05:56

Чтобы убрать синюю рамку при наведении, необходимо в файле main.css найти и удалить:
.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 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 19 Ноябрь 2013 - 10:06

Сделал, только тень появилась справа и снизу, а слева и сверху её нету.

#4 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 19 Ноябрь 2013 - 12:01

Просмотр сообщенияAlexP_RUS (19 Ноябрь 2013 - 10:06) писал:

Сделал, только тень появилась справа и снизу, а слева и сверху её нету.
Здравствуйте, в файле main.css замените
.goodsListItemBlock:hover {
box-shadow: 2px 2px 2px #ccc;
}
на
.goodsListItemBlock:hover {
box-shadow: 2px 2px 2px #ccc, -2px -2px 2px #ccc;
}


#5 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 19 Ноябрь 2013 - 12:13

Спасибо, а как в ячейках изменить цвет ссылки названия товара при наведении?
Сейчас название чёрное, и при наведении оно тоже чёрное.

#6 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 19 Ноябрь 2013 - 12:23

Просмотр сообщенияAlexP_RUS (19 Ноябрь 2013 - 12:13) писал:

Спасибо, а как в ячейках изменить цвет ссылки названия товара при наведении?
Сейчас название чёрное, и при наведении оно тоже чёрное.
В файл main.css добавьте
.goodsListItemName a:hover {
color: red;
}
, указав желаемый цвет.

#7 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 19 Ноябрь 2013 - 14:06

Просмотр сообщенияne_yana (19 Ноябрь 2013 - 12:23) писал:

В файл main.css добавьте
.goodsListItemName a:hover {
color: red;
}
, указав желаемый цвет.
Подскажите ещё: как убрать синие обрамление при наведении курсора у большого изображения в карточке товара, при этом, чтобы мини изображения под этой большой остались с этим синим обрамлением?
Спасибо.

#8 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 19 Ноябрь 2013 - 15:00

Просмотр сообщенияAlexP_RUS (19 Ноябрь 2013 - 14:06) писал:

Подскажите ещё: как убрать синие обрамление при наведении курсора у большого изображения в карточке товара, при этом, чтобы мини изображения под этой большой остались с этим синим обрамлением?
Спасибо.
В файле main.css удалите


.withBorder:hover {
border-color: #0063A9 !important;
}

добавьте
.goodsDataMainImagesIcon.floatLeft:hover {
border: 1px solid #0063A9 !important;
border-radius: 3px;
}


#9 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 02 Декабрь 2013 - 14:16

Просмотр сообщенияne_yana (19 Ноябрь 2013 - 15:00) писал:

В файле main.css удалите


.withBorder:hover {
border-color: #0063A9 !important;
}

добавьте
.goodsDataMainImagesIcon.floatLeft:hover {
border: 1px solid #0063A9 !important;
border-radius: 3px;
}

Таким образом удаляются все синие рамки на сайте кроме миниатюр на странице товара. Предложите другое решение пож-та.

#10 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 02 Декабрь 2013 - 14:39

Просмотр сообщенияAlexP_RUS (02 Декабрь 2013 - 14:16) писал:

Таким образом удаляются все синие рамки на сайте кроме миниатюр на странице товара. Предложите другое решение пож-та.

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.goodsDataMainImage .withBorder:hover {
	border-color: #E5E5E5 !important;
}


#11 Egik

Egik

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 03 Февраль 2015 - 00:02

Здравствуйте, подскажите как изменить цвет рамки товара в каталоге и карточке товара.Аккаунт SL-205650

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2015 - 00:12

За стиль рамки отвечает следующий блок в main.css
.withBorder {
border: 1px solid #E5E5E5 !important;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных