Боковое меню

[Alienor]

Дорогие форумчане, прошу совета.

В общем, я чуть не убила свой сайт. Начиталась "полезных советов" по ускорению сайта путем чистки плагином Clean Options. Не зная дела, поудаляла чего-то, в итоге накрылась база данных. Самое страшное, что я не сделала бэк. Нашла копию относительно давнишнюю. Стала восстaнавливать все виджеты - Jquery vertical mega menu работать не хочет - ставится стандартное меню шаблона (переустановка не помогла). При этом горизонтальное Jquery mega menu встало нормально, как было.

Но есть маленький нюанс: без этого бокового меню PageSpeed Insights оценивает сайт аж на 87/100. Из-за этого я начала подумывать забить на него.

Теперь вопрос: можно как-то элементы оформления из плагина меню встроить в оформление меню шаблонного? Что нужно - я знаю, но куда вставить - не уверена)
[spoiler]#dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left, #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.right {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #536573;}
#dc_jqverticalmegamenu_widget-%ID%-item ul li {float: none; display: block; margin: 0; padding: 5px; font-size: 18px; font-weight: bold;}
#dc_jqverticalmegamenu_widget-%ID%-item ul li a {float: none; display: block; color: #fff; background: url(skins/images/bg_blue.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: underline; border-right: 2px solid #536573; border-left: 2px solid #536573; height: 30px; border-bottom: 2px solid; border-top: 2px solid; border-radius: 10px; text-align: center; box-shadow: 0px 0px 12px;}[/spoiler]

Пробовала путем примерки через консоль Мозиллы - нужный эффект достигается, но стиль захватывает и следующие блоки сайдбара (Самые читаемые, комменты и т.д) - стало быть, нужно другое место. Подскажите, пожалуйста, куда 

[inkanus.gray]

Стили нужно применить только к блоку «Опасности социальных сетей»? Тогда нужно подобрать селектор такой, чтобы он захватывал только этот блок. Т. е. найти уникальную комбинацию.

Поднимаемся по списку элементов вверх и ищем значения атрибутов id и class, за которые можно зацепиться и которые не встречаются в других блоках. Я нашёл такой элемент:

Код Выделить Развернуть

<ul id="menu-opasnosti" class="menu">

Значит, вместо ul в селекторе можно написать ul#menu-opasnosti.

Получившийся селектор можно оптимизировать, убрав всё, что до решётки (id на странице по идее должны быть уникальными). Вместо #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left получим #menu-opasnosti.menu.left и так далее.

[Alienor]

Стили нужно применить только к блоку «Опасности социальных сетей»? Тогда нужно подобрать селектор такой, чтобы он захватывал только этот блок. Т. е. найти уникальную комбинацию.

Поднимаемся по списку элементов вверх и ищем значения атрибутов id и class, за которые можно зацепиться и которые не встречаются в других блоках. Я нашёл такой элемент:

Код Выделить Развернуть

<ul id="menu-opasnosti" class="menu">

Значит, вместо ul в селекторе можно написать ul#menu-opasnosti.

Получившийся селектор можно оптимизировать, убрав всё, что до решётки (id на странице по идее должны быть уникальными). Вместо #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left получим #menu-opasnosti.menu.left и так далее.

Спасибо, надеюсь, получится:)

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

[borzoid]

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

Ерунда это все...

[Alienor]

Получившийся селектор можно оптимизировать, убрав всё, что до решётки (id на странице по идее должны быть уникальными). Вместо #dc_jqverticalmegamenu_widget-%ID%-item ul.menu.left получим #menu-opasnosti.menu.left и так далее.

Получилось! Спасибо Вам большое за понятное объяснение