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


Перенести Верхнее Меню


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

#1 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 10:19

Подскажите, как перенести верхне меню в самый верх и залить его серым цветом.
например как тут. http://www.eldorado.ru/

#2 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 28 Сентябрь 2014 - 10:26

Просмотр сообщенияivanchik (28 Сентябрь 2014 - 10:19) писал:

Подскажите, как перенести верхне меню в самый верх и залить его серым цветом.
например как тут. http://www.eldorado.ru/
Здравствуйте!
В шаблоне HTML найдите и удалите код:

<HR NOSHADE WIDTH="100%" COLOR="#d23e3e" SIZE="1">
	   
	   
		<div class="header_top">
	   
		  <div class="inner">
		 
			<div class="links">
		   
		   
		   
<!-- Верхний блок навигации -->
						  <ul id="main_nav">
								{% FOR menu %}
								  {% FOR header %}
										{% FOR links %}
										   <li {% IF menu.header.links.NAME = Войти || menu.header.links.NAME = Связь с администрацией %}style="float:right;" {% ENDIF %}><a {% IF menu.header.links.NAME = Связь с администрацией %}class="sv fancybox.ajax" href="{menu.header.links.URL}?only_body=1"{%ELSE%} href="{menu.header.links.URL}" {% ENDIF %} {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										{% ENDFOR %}
								  {% ENDFOR %}
								{% ENDFOR %}
						  </ul>
						  <!-- end Верхний блок навигации -->
			  <form name="menu">
				<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
				  <option>Выберите пункт меню...</option>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</select>
			  </form>
			</div>
		  </div>
 
		  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 
		</div>

Затем код:

			  <div class="header_top">
	   
		  <div class="inner">
		 
			<div class="links">
		   
		   
		   
<!-- Верхний блок навигации -->
						  <ul id="main_nav">
								{% FOR menu %}
								  {% FOR header %}
										{% FOR links %}
										   <li {% IF menu.header.links.NAME = Войти || menu.header.links.NAME = Связь с администрацией %}style="float:right;" {% ENDIF %}><a {% IF menu.header.links.NAME = Связь с администрацией %}class="sv fancybox.ajax" href="{menu.header.links.URL}?only_body=1"{%ELSE%} href="{menu.header.links.URL}" {% ENDIF %} {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										{% ENDFOR %}
								  {% ENDFOR %}
								{% ENDFOR %}
						  </ul>
						  <!-- end Верхний блок навигации -->
			  <form name="menu">
				<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
				  <option>Выберите пункт меню...</option>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</select>
			  </form>
			</div>
		  </div>
 
		  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 
		</div>

вставьте после строки:

	  <div id="header" class="borderless">

Далее в main.css найдите строку:

.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#fff;}

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

.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:gray;}


#3 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 10:35

отлично. теперь как сделать только верхнее меню белым, подчернутым и что бы при наведении не выделялась белыми квадратами, а просто меняла цвет на красный

#4 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 10:43

и убрать верхнюю белую линию

#5 batta

batta

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

  • Модератоpы
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 28 Сентябрь 2014 - 10:53

Просмотр сообщенияivanchik (28 Сентябрь 2014 - 10:43) писал:

и убрать верхнюю белую линию
Здравствуйте.
в main.css
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #fff;
}
измените на
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
/* border-top: 3px solid #fff; */
}


#6 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 10:55

теперь остался вот этот вопрос :
"отлично. теперь как сделать только верхнее меню белым, подчернутым и что бы при наведении не выделялась белыми квадратами, а просто меняла цвет на красный "

#7 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 28 Сентябрь 2014 - 10:58

Просмотр сообщенияivanchik (28 Сентябрь 2014 - 10:35) писал:

отлично. теперь как сделать только верхнее меню белым, подчернутым и что бы при наведении не выделялась белыми квадратами, а просто меняла цвет на красный
В main.css строку:

#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 12px;}

замените на:

#header .links a {color:white; float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: underline;font-size: 12px;}

и строку:

#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}

на

#header .links a:hover, #header .links a.selected {color:red; padding:11px 10px 9px 10px;}


#8 ivanchik

ivanchik

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

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

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

все супер. спасибо большое

#9 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 17:14

в каждой категории у меня есть описание. но я хочу, что оно шло после товаров а не перед ним. я так понимаю нужно в шаблоне Товары перенести блок
  {% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}
	<div class="box htmlDataBlock">
	  <div class="box-content">
		{% IF CATEGORY_DESCRIPTION %}
		  {CATEGORY_DESCRIPTION}
		{% ENDIF %}
	   
		<!-- Короткое SEO описание категории -->
		{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
		  {CATEGORY_SEO_DESCRIPTION_SHORT}
		{% ENDIF %}
	   
		{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
		  {CATEGORY_SEO_DESCRIPTION_LARGE}
		{% ENDIF %}
	  </div>
	</div>
  {% ENDIF %}

только вот после каких тегов его поставить в низу шаблона?

#10 MikDark

MikDark

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

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

Отправлено 28 Сентябрь 2014 - 17:29

Просмотр сообщенияivanchik (28 Сентябрь 2014 - 17:14) писал:

в каждой категории у меня есть описание. но я хочу, что оно шло после товаров а не перед ним. я так понимаю нужно в шаблоне Товары перенести блок
{% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="box htmlDataBlock">
	 <div class="box-content">
	 {% IF CATEGORY_DESCRIPTION %}
		 {CATEGORY_DESCRIPTION}
	 {% ENDIF %}
	
	 <!-- Короткое SEO описание категории -->
	 {% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
		 {CATEGORY_SEO_DESCRIPTION_SHORT}
	 {% ENDIF %}
	
	 {% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
		 {CATEGORY_SEO_DESCRIPTION_LARGE}
	 {% ENDIF %}
	 </div>
</div>
{% ENDIF %}

только вот после каких тегов его поставить в низу шаблона?

Да, поставьте в самый низ.

#11 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 18:52

получилось вот что http://adevices.ru/c...ye-radiostancii
фильтры стали недоступны и описание не в отдельном блоке

#12 MikDark

MikDark

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

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

Отправлено 28 Сентябрь 2014 - 19:04

Просмотр сообщенияivanchik (28 Сентябрь 2014 - 18:52) писал:

получилось вот что http://adevices.ru/c...ye-radiostancii
фильтры стали недоступны и описание не в отдельном блоке

Изменения произвели

#13 ivanchik

ivanchik

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

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

Отправлено 28 Сентябрь 2014 - 19:20

благодарю

#14 ivanchik

ivanchik

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

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

Отправлено 30 Сентябрь 2014 - 18:55

подскажите пожалуйста, как сделать надписи на главной "Интернет магазин автоаксессуаров", новинки и популярное, не такими жирными. Какие параметры за это отвечают, найти не могу

#15 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 19:51

Просмотр сообщенияivanchik (30 Сентябрь 2014 - 18:55) писал:

подскажите пожалуйста, как сделать надписи на главной "Интернет магазин автоаксессуаров", новинки и популярное, не такими жирными. Какие параметры за это отвечают, найти не могу
Здравствуйте, данный текст он не жирный, он большого размера, что бы поменять размер Вам нужно найти в main.css
h2 {
font-size: 28px;
line-height: 50px;
margin-bottom: 20px;
}
где поменяйте значение font-size: 28px; например на
font-size: font-size: 28px;px;




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

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