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

[protalinka-dom]

Нет горизонтального меню, вообще ни в какой теме. В админке видны, а на сайте нет. Как это реализовать?

[Alexey11]

Укажите пожалуйста ваш номер аккаунта.

[protalinka-dom]

SL-274800

Я сейчас добавил выпадающее меню, что нужно!
1. Как правильно создавать меню и страницы

[Alexey11]

protalinka-dom (26 Февраль 2014 - 18:49) писал:

SL-274800

Я сейчас добавил выпадающее меню, что нужно!
1. Как правильно создавать меню и страницы

раздел "Сайт" - "Меню".меню(скриншот 1)
раздел "Сайт" - "Страницы"страницы(скриншот 2)

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

• 
• 

[protalinka-dom]

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

[Vaccina]

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

[fredshka]

как мне сделать такое же меню как тут!?

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

• 

[MikDark]

fredshka (20 Март 2014 - 10:40) писал:

как мне сделать такое же меню как тут!?

На каком аккаунте вам надо это сделать?

[fredshka]

впостельке.рф

[MikDark]

fredshka (20 Март 2014 - 10:54) писал:

впостельке.рф

Пришлите еще, пожалуйста, адрес сайта, где вы взяли это меню (в личные сообщения или под спойлер)

[fredshka]

Скрытый текст

http://microfive.ru/

Сделан на вашем движке и на шаблоне осень!

[MikDark]

fredshka (20 Март 2014 - 11:16) писал:

Скрытый текст

http://microfive.ru/

Сделан на вашем движке и на шаблоне осень!

1) В файле style.css меняем строки

/* Меню в шапке */
#megamenu{position:absolute;height:54px;top:90px;left:238px;}
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding:25px 8px 5px 8px;float:left;position:relative;}
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#da3b44}
/* END Меню в шапке */

на

/* Меню в шапке */
#megamenu{position:relative;margin-bottom: 15px;background: #FAFAFA;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25)}
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding:10px 5px;float:left;position:relative;}
#megamenu li .root_link{padding: 5px 30px;color:#666666;font: 14px 'Oswald', sans-serif; text-decoration: none; background: #f3f3f3; border: 1px solid #e7e7e7;}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#fff; background: #da3b44}
/* END Меню в шапке */

Далее в шаблоне HTML удаляем:

<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}
	   
		{% IFNOT menu_empty %}
		  <ul class="accordion_main">
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				  {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации --> 
	  </div>
	</div>
  </div>
 
  <div class="fluid-bg" id="content-fluid">
	   
	<div class="content container">

и вставляем:

<!-- Блок навигации -->
	   
		{% IFNOT menu_empty %}
		  <ul class="accordion_main">
			<li class="parent">Меню
			  <ul class="accordion">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					  </li>
				   {% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</li>
		  </ul>
		{% ENDIF %}
		<!-- END Блок навигации --> 
	  </div>
	</div>
  </div>
  <div class="fluid-bg" id="content-fluid">
	<div class="content container">

[fredshka]

Чета у меня вообще куда то меню делось!

[MikDark]

fredshka (20 Март 2014 - 11:46) писал:

Чета у меня вообще куда то меню делось!

Допишите еще после вставленного кода:

	{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
	{% ENDIF %}

[fredshka]

Спасибо большое, все получилось)

[fredshka]

А возможно ли сделать слайдер без белой рамки и чтобы картинки формата png были вместо jpg?

[MikDark]

fredshka (20 Март 2014 - 13:02) писал:

А возможно ли сделать слайдер без белой рамки и чтобы картинки формата png были вместо jpg?

В шаблоне HTML есть строчки

<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
	 </ul>

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

Что касается рамки, то в main.css найдите команду .flexslider
и в параметре border укажите none (border: none; )

[fredshka]

Подскажите, еще, пожалуйста!

Мне нужно, чтобы расстояние от меню вверх и вниз было меньше, чем оно есть!

И еще, как сделать так, чтобы кнопки не были разделены, а были как одна линия с перегородками как тут вертикальными.. ну или как тут http://www.stilno-ekb.ru/, а также чтобы меню было по центру

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

• 

[MikDark]

fredshka (20 Март 2014 - 13:33) писал:

Подскажите, еще, пожалуйста!

Мне нужно, чтобы расстояние от меню вверх и вниз было меньше, чем оно есть!

И еще, как сделать так, чтобы кнопки не были разделены, а были как одна линия с перегородками как тут вертикальными.. ну или как тут http://www.stilno-ekb.ru/, а также чтобы меню было по центру

За верхний отступ отвечает код в шаблоне стилей:

.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 500px;
}

уменьшите значение margin-top

За низ отвечает код:

#megamenu {
position: relative;
margin-bottom: 15px;
background: #FAFAFA;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
}

здесь нужно уменьшить margin-bottom

Перегородки: Там же в файле стилей заменить код:

#megamenu li.root_menu {
padding: 10px 5px;
float: left;
position: relative;
}

на

#megamenu li.root_menu {
padding: 10px 0px;
float: left;
position: relative;
}

[fredshka]

Все получилось, спасибо!

Но теперь в других разделах страницы стали слишком близко к меню (на фото видно), как сделать так, чтобы изменения касались только расстояния от слайдера до меню, а не всех страниц до меню?

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

•