Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Как Поменять Стиль Hover Главного Меню Rate Topic   - - - - -

 
  • densvi
  • Senior Member
  • Members
  • Join Date: 03-Apr 14
  • 585 posts

Posted 22 May 2015 - 07:38 PM #1

Поставил версию 4.3.1. Сделал фон главного меню белым. А как поменять hover элементов меню так и не нашел. Надо цвет при наведении мыши темнее сделать.

Понимаю, что руки ...., но подскажите плиз.

 
  • dbazhenov
  • Senior Member
  • Authorized Reseller
  • Join Date: 15-May 12
  • 6446 posts

Posted 23 May 2015 - 09:29 AM #2

Понимаю, что руки ...., но подскажите плиз.


http://www.youtube.com/watch?v=AwKnT6EIkzQ&feature=youtu.be

 
  • densvi
  • Senior Member
  • Members
  • Join Date: 03-Apr 14
  • 585 posts

Posted 23 May 2015 - 10:00 AM #3

Даниил, спасибо вам огромное. Как всегда быстро, оперативно, доходчиво. Пошел руки прямить :-)

 
  • dbazhenov
  • Senior Member
  • Authorized Reseller
  • Join Date: 15-May 12
  • 6446 posts

Posted 23 May 2015 - 10:05 AM #4

Даниил, спасибо вам огромное. Как всегда быстро, оперативно, доходчиво. Пошел руки прямить :-)


В гугле:
"Google Chrome секреты для разработчика"

 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 23 May 2015 - 06:33 PM #5

В гугле:
"Google Chrome секреты для разработчика"


А у меня что-то не получается задать для наведения цвет... Пишу в юзерском ЦСС:

.ty-menu__submenu-link: hover {
  color: #eb8a14;
}

Ноль эмоций...

 
  • densvi
  • Senior Member
  • Members
  • Join Date: 03-Apr 14
  • 585 posts

Posted 23 May 2015 - 07:06 PM #6

Попробуйте вот так:

.ty-menu__submenu-item:hover  {
  background: #C9D3C5;
}

а color у меня для submenu тоже не работает. Только background. Странно.

 
  • densvi
  • Senior Member
  • Members
  • Join Date: 03-Apr 14
  • 585 posts

Posted 23 May 2015 - 07:21 PM #7

Чтобы заработал и color пишите так:
a.ty-menu__submenu-link:hover {
color: rgb(56, 118, 29);
}


 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 23 May 2015 - 08:28 PM #8

Попробуйте вот так:

.ty-menu__submenu-item:hover  {
  background: #C9D3C5;
}

а color у меня для submenu тоже не работает. Только background. Странно.


Заработало, но только для 3 уровня, для 2 никак... www.stencil-library.ru

a....:hover с цветом текста так и не пашет.

 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 23 May 2015 - 08:35 PM #9

Попробуйте вот так:

.ty-menu__submenu-item:hover  {
  background: #C9D3C5;
}

а color у меня для submenu тоже не работает. Только background. Странно.


Это заработало, только

.ty-menu__submenu-item:hover  {
  background: #e7e7e7;
}

.ty-menu__submenu-item-header:hover  {
  background: #e7e7e7;
}

А цвет текста при наведении - фиг.

 
  • densvi
  • Senior Member
  • Members
  • Join Date: 03-Apr 14
  • 585 posts

Posted 24 May 2015 - 10:41 AM #10

Все прекрасно у вас работает

Posted Image

 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 24 May 2015 - 12:42 PM #11

Все прекрасно у вас работает

Posted Image


Фигня в том, что когда я в Хроме тоже меняю этот стиль, то работает. А потом сохряняю в пользовательские ЦСС -

.ty-menu__submenu-link:hover {
  color: #f7941d;
}

Не работает! Я вижу эту свою правку, но она перечеркнутая, кто-то ее переопределяет...

 
  • dbazhenov
  • Senior Member
  • Authorized Reseller
  • Join Date: 15-May 12
  • 6446 posts

Posted 24 May 2015 - 01:17 PM #12

Не работает! Я вижу эту свою правку, но она перечеркнутая, кто-то ее переопределяет...


Может вам стоит для начала почитать немножко теории html и css, добавить в закладки классный сайт htmlbook и пройти курс htmlacademy ?

 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 24 May 2015 - 01:21 PM #13

Может вам стоит для начала почитать немножко теории html и css, добавить в закладки классный сайт htmlbook и пройти курс htmlacademy ?


Спасибо, разобрался сам.

 
  • kaavain
  • Senior Member
  • Members
  • Join Date: 22-Nov 14
  • 1128 posts

Posted 24 May 2015 - 01:44 PM #14

Рассказываю если кто вроде меня, грамоте не обученный, читать не умеющий и волшебных сайтов не знающий, будет тыркаться. Ошибка моя была идиотски-простой. Я считал, что конструкция

.no-touch .ty-menu__submenu-items .ty-menu__submenu-link:hover {
  color: #f7941d;
}

Означает ПЕРЕЧЕНЬ стилей с одинаковыми настройками, в данном случае - одинаковым цветом ссылки при наведении. Ну типа что для экономии места так пишут.

Оказывается это ВЛОЖЕННОСТЬ стилей! То есть если применен стиль .no-touch, элементе к которому он применен есть стиль .ty-menu__submenu-items и далее еще и стиль .ty-menu__submenu-link - то ТОЛЬКО ТОГДА цвет менять!

Я как дурак прописывал


.ty-menu__submenu-link:hover {
  color: #f7941d;
}

Думая что остальные трогать мне ни к чему. Как только полную конструкцию всадил - все заработало.

 
  • Svetlna
  • Newbie
  • Trial users
  • Join Date: 08-Oct 18
  • 1 posts

Posted 08 October 2018 - 10:35 AM #15

Помогите пожалуйста. Надо поменять цвет при наведении курсором на корзину(
Корзина, вот тут по ссылке скрин(



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 18922 posts

Posted 09 October 2018 - 01:46 PM #16

Здравствуйте, скиньте в личку ссылку на сайт


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.