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


Верхнее Меню


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

#1 Lelik

Lelik

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

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

Отправлено 11 Май 2014 - 22:24

Здравствуйте. Помогите разобраться с верхним меню. В верхнем меню хотелось бы добавить 2 новых пункта с заголовками "Монтаж" и "Ремонт и сервисное обслуживание". Затруднение вызывает ссылка. какую указать или создать ссылку на эти пункты, чтобы в дальнейшем там можно было написать текст с описанием? Аккаунт SL-280952
http://clip2net.com/s/i6qvak

#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 12 Май 2014 - 06:50

Просмотр сообщенияLelik (11 Май 2014 - 22:24) писал:

Здравствуйте. Помогите разобраться с верхним меню. В верхнем меню хотелось бы добавить 2 новых пункта с заголовками "Монтаж" и "Ремонт и сервисное обслуживание". Затруднение вызывает ссылка. какую указать или создать ссылку на эти пункты, чтобы в дальнейшем там можно было написать текст с описанием? Аккаунт SL-280952
http://clip2net.com/s/i6qvak

Вам нужно сначала создать страницы с данными заголовками в разделе Сайт - Страницы. Далее в разделе Сайт - Меню можно будет добавить эти страницы.

#3 Lelik

Lelik

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

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

Отправлено 12 Май 2014 - 08:17

Просмотр сообщенияMikDark (12 Май 2014 - 06:50) писал:

Вам нужно сначала создать страницы с данными заголовками в разделе Сайт - Страницы. Далее в разделе Сайт - Меню можно будет добавить эти страницы.
Спасибо большое все получилось)))

#4 bronko

bronko

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

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

Отправлено 31 Май 2014 - 23:12

Здравствуйте.
Хочу сделать ссылку на отзывы в верхнем горизонтальном меню, чтобы была кнопка "Отзывы", при клике на нее открывалась новая вкладка с отзывами в ВК. Приведенным выше методом можно только создать страницу на самом сайте, как я понял.

#5 Ирина345

Ирина345

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

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

Отправлено 01 Июнь 2014 - 10:03

Просмотр сообщенияbronko (31 Май 2014 - 23:12) писал:

Здравствуйте.
Хочу сделать ссылку на отзывы в верхнем горизонтальном меню, чтобы была кнопка "Отзывы", при клике на нее открывалась новая вкладка с отзывами в ВК. Приведенным выше методом можно только создать страницу на самом сайте, как я понял.
Здравствуйте  Вам нужно создать страницу отдельно и вставить туда виджет ВК отзывы , а потом добавить новый пункт меню Отзывы и указать ссылку на страницу.

#6 Ксен

Ксен

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

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

Отправлено 12 Июль 2014 - 16:29

Здравствуйте! Помогите. Можно и сделать верхнее меню такое как я прикрепила. там когда нажимаешь на вызов замерщика появляется всплывающее окно так же обратный звонок.
SL-296317

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

  • Screenshot_4.png


#7 Ирина345

Ирина345

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

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

Отправлено 13 Июль 2014 - 13:13

Просмотр сообщенияКсен (12 Июль 2014 - 16:29) писал:

Здравствуйте! Помогите. Можно и сделать верхнее меню такое как я прикрепила. там когда нажимаешь на вызов замерщика появляется всплывающее окно так же обратный звонок.
SL-296317
Здравствуйте, думаю Вам бедет полезна информация по данной ссылке

#8 Мика

Мика

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

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

Отправлено 28 Август 2014 - 23:49

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

Я скачала файл, но он не открывается, в каком формате его нужно открывать?

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

  • 2.png


#9 Vaccina

Vaccina

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

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

Отправлено 29 Август 2014 - 04:23

В Photoshop необходимо открывать подобные файлы.

Как вариант можно поделить меню на 2, расставить по бокам и по центру вставить лого.
Добавьте в разделе Сайт - меню еще один блок меню, так же аккаунт. указанный выше на данный момент заблокирован, или меню необходимо вставить в другой магазин?

#10 Мика

Мика

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

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

Отправлено 29 Август 2014 - 22:26

Добрый вечер. А как поделить меню на 2? Я вот создала еще один блок, сколько там должно быть разделов? И как их одинаково расставить по бокам?

Магазин http://fruktinadom.ru/

#11 Vaccina

Vaccina

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

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

Отправлено 30 Август 2014 - 00:34

В шаблоне HTML найдите:
<div class="menuheader">
		  <ul>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		</div>
после него добавьте:
<div class="logo"><img src="ссылка на логотип" alt="" /></div>
		<div class="menuheader2">
		  <ul>
			{% FOR menu %}
			  {% FOR header2 %}
				{% FOR links %}
				  <li {% IF menu.header2.links.first %}class="main"{% ENDIF %}><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		</div>

далее в main.css найдите:
#panelsite div.centercol {
после него вставьте:
position:relative;
overflow: visible;

далее найдите:
#panelsite div.centercol .menuheader {
width: 740px;
height: 24px;
overflow: hidden;
margin: 15px 0 0 0;
}
замените на:
#panelsite div.centercol .menuheader {
width: 300px;
height: 24px;
overflow: hidden;
margin: 15px 0 0 0;
}
и после добавьте:
	  #panelsite div.centercol .menuheader2 { width:300px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute;right:-240px;top:0;}
		#panelsite div.centercol .menuheader2 ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;  }
		#panelsite div.centercol .menuheader2 ul li.main { background:none; }
		  #panelsite div.centercol .menuheader2 ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block;	}
		  #panelsite div.centercol .menuheader2 ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
		  #panelsite div.centercol .menuheader2 ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
	  #panelsite div.centercol .logo{position:absolute;left:330px; top:0;}
	 


#12 Мика

Мика

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

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

Отправлено 01 Сентябрь 2014 - 02:05

Уважаемые модераторы, съехали некоторые элементы, помогите исправить пожалуйста.

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

  • 456.jpg
  • 456.jpg
  • 456.jpg


#13 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 01 Сентябрь 2014 - 06:41

Просмотр сообщенияМика (01 Сентябрь 2014 - 02:05) писал:

Уважаемые модераторы, съехали некоторые элементы, помогите исправить пожалуйста.
Здравствуйте.
в Main.css
#panelsite div.centercol .menuheader ul li a {
font: normal 15px Verdana, Geneva, sans-serif;
color: #006400;
text-decoration: none;
padding: 4px 5px;
display: block;
}
измените на
#panelsite div.centercol .menuheader ul li a {
font: normal 15px Verdana, Geneva, sans-serif;
color: #006400;
text-decoration: none;
padding: 1px 5px;
display: block;
}
в Main.css
#panelsite div.rightcol a {
font: normal 14px Verdana, Geneva, sans-serif;
color: #686868;
margin: 0px -15px 0px 24px;
float: left;
display: block;
width: 36px;
overflow: hidden;
height: 58px;
padding: 57px 0px 0px 0px;
text-decoration: none;
}
измените на
#panelsite div.rightcol a {
font: normal 14px Verdana, Geneva, sans-serif;
color: #686868;
margin: 0px -15px 0px 24px;
float: left;
display: block;
width: 55px;
overflow: hidden;
height: 58px;
padding: 57px 0px 0px 0px;
text-decoration: none;
}
в Main.css
#panelsite div.rightcol a img {
float: left;
}
измените на
#panelsite div.rightcol a img {
float: left;
margin-top: -33px;
}
в Main.css
#header .blocks .logotype {
margin: 10px 0 0 -40px;
position: absolute;
}
измените на
#header .blocks .logotype {
margin: -20px 0 0 0px;
position: absolute;
}





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

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