Перейти к содержимому


Создать Еще Одно Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 dsk-teremok

dsk-teremok

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 11 Февраль 2016 - 23:16

Как создать меню ЕЩЕ одно в самом верху страницы ?
Как здесь(Акции и скидки, советы)http://obuvshop.ru/catalog.php?id=3

#2 Vaccina

Vaccina

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

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

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

В шаблоне HTML после:
<div id="headerWrap">
  <div id="header">

вставьте:
<ul id="firstNav">
		{% FOR menu %}
			  {% FOR header2 %}
				{% FOR links %}
			   <div>
				 <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a>
			   </div>
		   {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
   </ul>

В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
#firstNav{
text-align:right;
}
#firstNav li{
display:inline-block;
padding: 5px;
border-right: 1px solid #000000;
}
#firstNav li:last-child{
border-right:none;
}


#3 dsk-teremok

dsk-teremok

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

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

Просмотр сообщенияVaccina (12 Февраль 2016 - 03:13) писал:

В шаблоне HTML после:
<div id="headerWrap">
<div id="header">

вставьте:
<ul id="firstNav">
	 {% FOR menu %}
			 {% FOR header2 %}
			 {% FOR links %}
			 <div>
				 <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a>
			 </div>
		 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
</ul>

В разделе Сайт - Меню создайте меню с переменной header2.
В main.css добавьте:
#firstNav{
text-align:right;
}
#firstNav li{
display:inline-block;
padding: 5px;
border-right: 1px solid #000000;
}
#firstNav li:last-child{
border-right:none;
}
Спасибо! Все получилось! Вопрос - как в это самом верхнем меню header2  сделать шрифт по крупнее?

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Просмотр сообщенияdsk-teremok (15 Февраль 2016 - 14:41) писал:

Спасибо! Все получилось! Вопрос - как в это самом верхнем меню header2  сделать шрифт по крупнее?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 5px;
}

Замените на:
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 1px;
}

Найдите код:
#searchPanel {
position: absolute;
top: 15px;
right: 10px;
}

Замените на:
#searchPanel {
position: absolute;
top: 25px;
right: 10px;
}

Добавьте в конце main.css код:
#firstNav div a {font-size:15px;}

После этого изменяйте значение 15px на необходимое.

#5 dsk-teremok

dsk-teremok

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

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

Просмотр сообщенияFirefly (15 Февраль 2016 - 16:12) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 5px;
}

Замените на:
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 1px;
}

Найдите код:
#searchPanel {
position: absolute;
top: 15px;
right: 10px;
}

Замените на:
#searchPanel {
position: absolute;
top: 25px;
right: 10px;
}

Добавьте в конце main.css код:
#firstNav div a {font-size:15px;}

После этого изменяйте значение 15px на необходимое.

Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?

#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Февраль 2016 - 20:05

Просмотр сообщенияdsk-teremok (15 Февраль 2016 - 19:51) писал:

Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?

Просмотр сообщенияdsk-teremok (15 Февраль 2016 - 19:51) писал:

Спасибо ввела 2 и более пунктов меню, начали выстраиваться в столюик друг под другом. Как сделать, чтобы встали в ряд? Одной строчкой?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}

Замените на:
#headerWrap {height: 160px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;padding-top:10px;}
#header {position: relative;width: 960px;height: 160px;margin: 0 auto;}

Найдите код:
#firstNav div a {font-size:23px;}

Замените на:
#firstNav div a {font-size:23px; float:right; padding:0 10px 0 10px}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных