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

[arver]

Добрый день,уважаемые модераторы помогите пожалуйста с установкой именно этого меню http://efimov.ws/mai...-menu-mega.html .

p.s.
вопрос перенес из этой темы http://forum.storela...е-один-каталог/

Номер аккаунта SL-203796

[Vaccina]

если вам необходимо вместо верхнего меню сделать выпадающий каталог, то вам поможет сл.инструкция:
http://forum.storela...аталогом-места/

[arver]

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

[Vaccina]

меню выше сделано на HTML, в нем отсутствую переменные, поэтому я предложила инструкцию выше, по ней вы реализуете основу и далее можно будет простилизовать и видоизменить его.
укажите адрес сайта, где можно просмотреть ваши изменения

[arver]

аккаунт sl-203796,изменения получится сделать только вечером...

[arver]

Проделал изменения,корявая основа получилось...не знаю как поправить надо привести к основе изображение каталог.jpg
2)Изображение каталог_1.jpg к такому виду мне надо привести меню

очень нужна помощь!

Прикрепленные изображения

• 
• 

[Vaccina]

В style.css найдите:

#nav {
font-size: 20px;
margin: 0;
padding: 0 0 32px 7px;
}

замените на:

#nav {
	clear: both;
	font-size: 20px;
	margin: 0;
	padding: 0;
	background: #5674B6;
}

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

#nav li {
position: relative;
text-align: left;
}

замените на:

#nav li {
display: inline-block;
position: relative;
text-align: left;
margin: 0 5px;
}

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

#nav li a {
color: #CDCDCD;
font-weight: bold;
line-height: normal;
padding: 0;
}

замените на:

#nav li a {
color: #fff;
padding: 0;
font: bold 14px/40px Arial;
}

Сам код меню в шаблоне HTML лучше немного опустить, после него имеются закрывающие теги </div>, после двух таких установить код, то есть перед:

</div>
<div id="content-fluid" class="fluid-bg">

Тогда меню встанет на всю ширину сайта, у вас некоторые корневые категории скрыты?

Далее работаем с отображением выпадающих категорий, найдите в style.css

#nav li.over ul {
left: 150px;
}

замените на:

#nav>li:hover>ul {


	left: 0;
	top: 40px;
}

далее добавьте:

#nav li ul li:hover ul {
left: 170px !important;
top: 0;
}

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

#nav ul li a {
color: #050505 !important;
float: none;
font-weight: normal;
padding: 3px 9px;
}

замените на:

#nav ul li a {
color: #050505 !important;
float: none;
font-weight: normal;
padding: 3px 0px;
width: 100%;
}

[arver]

Спасибо,помогите пожалуйста еще привести это все к желаемому виду.
1)Подвинуть меню вправо как это показано на картинке каталог.jpg
2)Проблема в том,что в выпадающем каталоге,если подкатегория имеет короткое название они располагаются на одном уровне картинка каталог_1.jpg
3)При наведении мыши на подкатегорию например мыло(как на картинке каталог_2.jpg) все остальные подподкатегории и подподподкатегории уже оранжевого цвета,а не черного.Тоесть надо чтобы они также изначально имели черный цвет,а потом уже при наведении меняли цвет на оранжевый.p.s.подподподкатегорий та же проблема которую я описал в вопросе 2.
4)Можно ли добавить в меню следующий текст(написано красным текстом),как на картинке каталог_3.jpg

Прикрепленные изображения

• 
• 
• 
• 

[empty9228]

Здравствуйте.
1. найдите в файле main.css код

#nav {
	 clear: both;
	 font-size: 20px;
	 margin: 0 auto;
	 padding: 0;
	 background: #5674B6;
}

замените его на

#nav {
	 clear: both;
	 font-size: 20px;
	 margin: 0 auto;
	 padding: 0;
	 background: #5674B6;
	 padding-left: 30%;
}

[arver]

arver (16 Апрель 2014 - 12:44) писал:

Спасибо,помогите пожалуйста еще привести это все к желаемому виду.
1)Подвинуть меню вправо как это показано на картинке каталог.jpg
2)Проблема в том,что в выпадающем каталоге,если подкатегория имеет короткое название они располагаются на одном уровне картинка каталог_1.jpg
3)При наведении мыши на подкатегорию например мыло(как на картинке каталог_2.jpg) все остальные подподкатегории и подподподкатегории уже оранжевого цвета,а не черного.Тоесть надо чтобы они также изначально имели черный цвет,а потом уже при наведении меняли цвет на оранжевый.p.s.подподподкатегорий та же проблема которую я описал в вопросе 2.
4)Можно ли добавить в меню следующий текст(написано красным текстом),как на картинке каталог_3.jpg

Спасибо за помощь с первым вопросом,остальные так же очень актуальны!)

[MikDark]

arver (16 Апрель 2014 - 14:48) писал:

Спасибо за помощь с первым вопросом,остальные так же очень актуальны!)

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

.level1 {
min-width: 170px;
}

[arver]

по смыслу еще добавил
.level2 {
min-width: 170px;
}

arver (16 Апрель 2014 - 12:44) писал:

3)При наведении мыши на подкатегорию например мыло(как на картинке каталог_2.jpg) все остальные подподкатегории и подподподкатегории уже оранжевого цвета,а не черного.Тоесть надо чтобы они также изначально имели черный цвет,а потом уже при наведении меняли цвет на оранжевый.p.s.подподподкатегорий та же проблема которую я описал в вопросе 2.
4)Можно ли добавить в меню следующий текст(написано красным текстом),как на картинке каталог_3.jpg

эти еще актуальны

[arver]

up

[Ирина345]

arver (16 Апрель 2014 - 15:25) писал:

по смыслу еще добавил
.level2 {
min-width: 170px;
}

эти еще актуальны

Здравствуйте
1.попробуйте  найдите style.css код

#nav ul li.active a,
#nav ul li.over a { color:#db8612 !important; background:#ffffff; }

замените его на

#nav ul li.active a,
#nav ul li.over a { color:#050505 !important; background:#ffffff; }

[arver]

Не помогло,т.к.теперь вообще ничего не выделяется.

arver (16 Апрель 2014 - 12:44) писал:

3)При наведении мыши на подкатегорию например мыло(как на картинке каталог_2.jpg) все остальные подподкатегории и подподподкатегории уже оранжевого цвета,а не черного.Тоесть надо чтобы они также изначально имели черный цвет,а потом уже при наведении меняли цвет на оранжевый.p.s.подподподкатегорий та же проблема которую я описал в вопросе 2.
4)Можно ли добавить в меню следующий текст(написано красным текстом),как на картинке каталог_3.jpg

проблемы актуальны!
Аккаунт Sl-203796

Прикрепленные изображения

• 
• 

[MikDark]

arver (16 Апрель 2014 - 17:55) писал:

Не помогло,т.к.теперь вообще ничего не выделяется.




проблемы актуальны!
Аккаунт Sl-203796

По 3-му вопросу Вас произвели изменения. Единственное, что выделение не остается у подкатегории.

[arver]

Так категории Бытовая химия,косметика и гигиена и т.п. они и так выделялись...а мне нужно выделение подкатегорий и подподкатегорий при наведении

[MikDark]

arver (16 Апрель 2014 - 18:22) писал:

Так категории Бытовая химия,косметика и гигиена и т.п. они и так выделялись...а мне нужно выделение подкатегорий и подподкатегорий при наведении

Мы сделали изменения, а Вы видимо шаблон style.css заново пересохранили.
В style.css найдите код:

#nav ul li.over a { color:#050505 !important; background:#ffffff; }

и замените на:

#nav ul li.over a { color:#db8612; background:#ffffff; }

[arver]

Да я пытался подвинуть корзину левее,ближе к контактам,а в итоге получается,что либо корзина встает посередине и все элементы расбросаны по странице либо получается сместить левее,но остальные элементы на ту же длину смещаются левее и расстояние не сокращается к сожалению....(

Да теперь при наведении работает все корректно,огромное спасибо!

arver (16 Апрель 2014 - 12:44) писал:

Спасибо,помогите пожалуйста еще привести это все к желаемому виду.
4)Можно ли добавить в меню следующий текст(написано красным текстом),как на картинке каталог_3.jpg

Прикрепленные изображения

• 

[arver]

нужна помощь