Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Дизайн Левого Меню-Каталога

Автор Jambul, 12 июля 2015 21:00

Назад

Авторизуйтесь для ответа в теме

Сообщений в теме: 28

#21 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 09 Сентябрь 2015 - 16:18

denet (09 Сентябрь 2015 - 15:45) писал:

спасибо огромное, у меня теперь такой вопрос, как сделать что бы при наведении курсора на какую либо под категорию менялся фон или ещё что нить) просто как то не естественно выглядит, такое ощущения что картинка )

В конец style.css добавьте

.accordion li:hover {
	background-color: #D0E2D0;
}
.accordion li ul li:hover a{
	background: #D0E2D0;
}

Наверх

#22 denet

Продвинутый пользователь

Пользователи
140 сообщений

Отправлено 09 Сентябрь 2015 - 16:49

Alekseys (09 Сентябрь 2015 - 16:18) писал:

В конец style.css добавьте

.accordion li:hover {
background-color: #D0E2D0;
}
.accordion li ul li:hover a{
background: #D0E2D0;
}

Большое спасибо за быстрое решения проблем!

Наверх

#23 MariG

Продвинутый пользователь

Пользователи
174 сообщений

ГородМосква

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

Добрый вечер. сделала выпадающее левое меню каталога.
не выпадает 3-ий уровень и 4-ый
Помогите.
ссылка http://pro100mosaica...AIKA-po-BReNDAM
спасибо

Наверх

#24 Vaccina

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

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

Отправлено 03 Февраль 2016 - 04:14

В style.css добавьте:

.infoBoxContents .accordion li.parent > ul li > ul {
	left: 240px;
	display: none;
}
.infoBoxContents .accordion li.parent > ul li:hover > ul {
	display: block;
}
.infoBoxContents .accordion li.parent > ul {
	overflow: visible !important;
}

далее найдите:

.accordion li ul li:hover a {
	background: #15B7AA;
}

замените на:

.accordion li ul li:hover > a {
	background: #15B7AA;
}

Наверх

#25 MariG

Продвинутый пользователь

Пользователи
174 сообщений

ГородМосква

Отправлено 03 Февраль 2016 - 09:08

Vaccina (03 Февраль 2016 - 04:14) писал:

В style.css добавьте:

.infoBoxContents .accordion li.parent > ul li > ul {
left: 240px;
display: none;
}
.infoBoxContents .accordion li.parent > ul li:hover > ul {
display: block;
}
.infoBoxContents .accordion li.parent > ul {
overflow: visible !important;
}

далее найдите:

.accordion li ul li:hover a {
background: #15B7AA;
}

замените на:

.accordion li ul li:hover > a {
background: #15B7AA;
}

спасибо. получилось. Но меню выпало 3 и 4 уровня, но оно странно зафиксировалось
посмотрите, что -то не так
оно постоянно висит открытым и неправильно открывается, выпадает по 1 пункту 3 уровня с уровня 2

Наверх

#26 Ирина345

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

Модераторы
5 709 сообщений

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

MariG (03 Февраль 2016 - 09:08) писал:

спасибо. получилось. Но меню выпало 3 и 4 уровня, но оно странно зафиксировалось
посмотрите, что -то не так
оно постоянно висит открытым и неправильно открывается, выпадает по 1 пункту 3 уровня с уровня 2

Здравствуйте, в конец main.css добавьте

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
	display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	display: block !important;
   }
 .infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	display: block !important;
   }
   .infoBoxContents .accordion li.parent>ul>li.parent>ul {
	display: none !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul {
	display: block !important;
   }
 .infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul {
	display: none !important;
   }

далее найдите

.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}

замените на

.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;}

Наверх

#27 MariG

Продвинутый пользователь

Пользователи
174 сообщений

ГородМосква

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

Ирина345 (03 Февраль 2016 - 12:04) писал:

Здравствуйте, в конец main.css добавьте

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul {
display: none !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul {
display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul {
display: none !important;
}

далее найдите

.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}

замените на

.accordion ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;}

Отлично 3 уровень хорошо, все получилось
но в 4-ый уровне не работает

Наверх

#28 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 03 Февраль 2016 - 14:35

MariG (03 Февраль 2016 - 12:29) писал:

Отлично 3 уровень хорошо, все получилось
но в 4-ый уровне не работает

Найдите в файле main.css

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
   .infoBoxContents .accordion li.parent>ul>li.parent>ul {
		display: none !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul {
		display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul {
		display: none !important;
   }

замените на

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
		display: block !important;
   }
   .infoBoxContents .accordion li.parent>ul>li.parent>ul.accordion {
		display: none !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul.accordion {
		display: none !important;
   }
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul.accordion {
		display: none !important;
   }

Наверх

#29 MariG

Продвинутый пользователь

Пользователи
174 сообщений

ГородМосква

Отправлено 03 Февраль 2016 - 14:51

Ирина345 (03 Февраль 2016 - 14:35) писал:

Найдите в файле main.css

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul {
	 display: none !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul {
	 display: none !important;
}

замените на

.infoBoxContents .accordion li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent:hover ul.accordion {
	 display: block !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul.accordion {
	 display: none !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul.accordion {
	 display: none !important;
}
.infoBoxContents .accordion li.parent>ul>li.parent>ul>li.parent>ul>li.parent>ul.accordion {
	 display: none !important;
}

Спасибо большое. Все получилось