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

[Vaccina]

Можно все корневые пункты вручную выводить, выстраивая уже необходимый порядок, единственное, что их уже не отредактируешь в разделе Сайт -Меню.

[Hiding]

Вроде получается. Есть пару нюансов:

1. Всплывающее меню постоянно в одном месте всплывает.
2. Как поменять цвет при наведении на подпункты всплявающего меню?
3. Расстояние между пунктами где уменьшить?

[Vaccina]

1. В main.css найдите примерно следующий код:

.menuWrap li {
  cursor: pointer;
  display: inline;
  list-style: outside none none;
  padding: 13px;
  transition: all 0.35s ease-in-out 0s;
}

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

.menuWrap li {
  cursor: pointer;
  display: inline;
  list-style: outside none none;
  padding: 13px;
  position: relative;
  transition: all 0.35s ease-in-out 0s;
}

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

ul.vtoroc {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  position: absolute;
  width: 200px;
  z-index: 999;
}

замените на:

ul.vtoroc {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  position: absolute;
  width: 200px;
  z-index: 999;
}

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

.menuWrap {
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
}

замените на:

.menuWrap {
  margin: 0 auto;
  padding: 10px 0;
}

2. В main.css после:

ul.vtoroc li {
  display: block;
  padding: 2px 0;
}

вставьте:

ul.vtoroc li:hover {
  background: #000;
}

3. Перед:

.vtoroc li a, .vtoroc li a::before, .vtoroc li a::after {
  border: none !important;
}

вставьте:

.vtoroc li a {
  display: block;
  line-height: 20px;
}

[Hiding]

3. Это расстояние между подпунктами. А мне надо между пунктами, как я на скрине указал.

[Vaccina]

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

.menuWrap li {
  cursor: pointer;
  display: inline;
  list-style: outside none none;
  padding: 13px;
  transition: all 0.35s ease-in-out 0s;
}

после него пропишите:

menu .globmenuwrap .menuWrap > li {
  padding: 13px 5px;
}

[Hiding]

Спасибо. Вы супер...
Усть еще пару вопросов, но это по-позже...

[Hiding]

Задам сразу:
1. Где я могу изменить положение и скорость развертывания выпадающего меню и его размер? Мне нужно его сдвинуть ниже и по центру от родителя.



2. Как изменить рамку выпадающего меню. Округлить углы.

3. При наведении и когда активное меню отображается бордером. Можно чтоб оно еще меняло цвет при этом с эффектом впадины,и бордер остался?
4. При наведении на подпункт меню вызалит окошко с его названием.Как его убрать?



5. И как все все это главное меню поднять выше т.е. наложить на рисунок шапки сайта???



Спасибо вам огромное за помощь...

[Ирина345]

Hiding (14 Май 2015 - 09:25) писал:

Задам сразу:
1. Где я могу изменить положение и скорость развертывания выпадающего меню и его размер? Мне нужно его сдвинуть ниже и по центру от родителя.

14-05-2015 15-03-42о.png

2. Как изменить рамку выпадающего меню. Округлить углы.

3. При наведении и когда активное меню отображается бордером. Можно чтоб оно еще меняло цвет при этом с эффектом впадины,и бордер остался?
4. При наведении на подпункт меню вызалит окошко с его названием.Как его убрать?

14-05-2015 15-05-30.png

5. И как все все это главное меню поднять выше т.е. наложить на рисунок шапки сайта???

14-05-2015 15-14-33.png

Спасибо вам огромное за помощь...

Здравствуйте,
1. найдите в main.css

ul.vtoroc {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  position: absolute;
  width: 200px;
  z-index: 999;
}

замените на

ul.vtoroc {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  position: absolute;
  width: 200px;
  z-index: 999;
  margin-left: -55px;
border-radius: 12px;
}

что бы двигать под меню, изменяете значение   margin-left: -55px;
что бы изменить радиус округления, измените значение border-radius: 12px;

3. добавьте в конец main.css

.menuWrap li a:hover {
color: darkcyan;
box-shadow: 1px 1px 6px #000000;
}

4. найдите в шаблоне HTML

{% IF menu.fat_burn.links.TITLE %}title="{menu.fat_burn.links.TITLE}"{% ENDIF %}

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

[Hiding]

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

[Hiding]

А как все это главное меню поднять выше т.е. наложить на рисунок шапки сайта???

[Vaccina]

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

menu {
  position: relative;
  width: 100%;
}

замените на:

menu {
  margin-top: -10px;
  position: relative;
  width: 100%;
}

[Hiding]

Не то. Я уже по-другому сделал. Спасибо.

[Hiding]

Vaccina (15 Май 2015 - 03:41) писал:

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

menu {
position: relative;
width: 100%;
}

замените на:

menu {
margin-top: -10px;
position: relative;
width: 100%;
}

А подскажите пожалуйста как его прозрачным сделать? Как верхнее меню у меня.

rgba(0, 0, 0, 0.6) не помогает.

[Dars]

Hiding (20 Май 2015 - 11:27) писал:

А подскажите пожалуйста как его прозрачным сделать? Как верхнее меню у меня.

rgba(0, 0, 0, 0.6) не помогает.

В шаблоне HTML найдите код:

	  <menu class="theme-color">

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

	  <menu>

[Hiding]

Отлично. Спасибо.

[Hiding]

А как изменить цвет в #search_mini_form?
А то я накасячил чуть-чуть...

[Firefly]

Hiding (20 Май 2015 - 12:11) писал:

А как изменить цвет в #search_mini_form?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:white;}

Замените на:

#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color: black;}

Или измените код цвета параметра color на любой другой.

[Hiding]

Я имею ввиду сам фон поиска.

[Dars]

Hiding (20 Май 2015 - 12:18) писал:

Я имею ввиду сам фон поиска.

Тогда строку:

#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color: black;}

замените на:

#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color: black; background:green;}

green замените на нужный вам цвет.

[Hiding]

Спасибо.