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


Перепланировка!


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

#1 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 02 Август 2015 - 08:35

Здравствуйте!

Аккаунт SL-330876

Помогите, пожалуйста, произвести, следующие изменения (без потери адаптивности!):
  • Передвинуть логотип влево до упора

  • Поднять "Поиск..." вверх и сместить вправо до упора, дизайн строки оставить прежним, изменить только цвета и размеры

  • Увеличить высоту кнопки корзины, добавить возможность менять картинки в указанном окне

  • Слева от корзины добавить окно контактов с картинкой слева, без рамок

  • Слева от контактов добавить картинку (акции, виджеты соц/сетей - еще не знаю, буду экспериментировать) без рамки

  • Поднять немного вверх боковое меню и слайдер, но не впритык - лучше подскажите где менять цифры, сам подвигаю

  • Заменить крестик в боковом меню, во всех открывающихся разделах и подразделах, на свою картинку

  • Подскажите, где менять цвет активной вкладки верхнего меню, в том числе цвет надписи при наведении.

Исправить.png

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 05 Август 2015 - 04:54

1. В шаблоне style.css найдите:
#header-logo {
	position: relative;
	display: table;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
}

в нем уменьшите значение стиля width или удалите вовсе стиль со значением.

2.В шаблоне HTML найдите:
<!-- Форма поиска -->
		  <div id="search_block_top">
			<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
			  <div class="search_block_top_form">
				<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
				<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			  </div>
			</form>
		  </div>
		  <!-- /Форма поиска -->

переместите его выше, поставив вместо:
<div id="header_user_info">
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF COMPARE_GOODS_COUNT=0 %}
				  <div class="menuCompare" style="visibility: hidden;">
					<em>Ваш список сравнения пуст</em>
				  </div>
				{% ELSE %}
				  <div class="menuCompare">
					<em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>

далее в style.css найдите:
#search_block_top {
	position: static;
	float: right;
	margin: 26px 10px 0px 0px;
}

замените на:
#search_block_top {
	position: static;
	float: right;
}

3. В style.css найдите:
#header_shopping_cart{position: static;width:160px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

для смены иконки измените значение background, для увеличения кнопки добавьте стиль height(высота) с необходимым значением, например: height: 60px;

4. В шаблоне HTML перед
<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}

вставьте:
<!-- Контактный телефон -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div class="contacts_head">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</a>
				  {% ENDIF %}
   
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</a>
				  {% ENDIF %}
			   
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
				<!-- Контакт Skype -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				{% ENDIF %}
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span>{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
   
				<div class="clear"></div>
			  </div>
			{% ENDIF %}

далее в style.css пропишите:
.contacts_head{
float:right;
padding-left:40px;
background: url('ссылка на картинку') no-repeat left center;
}

текст замените на ссылку

5. После добавочного блока из 4го пункта вставьте:
<div class="dop_block">
тут размещаете свой текст или код виджетов
</div>
а в style.css добавьте:
.dop_block{
float:right;
padding-left:40px;
background: url('ссылка на картинку') no-repeat left center;
}

6. В style.css найдите:
.content.container {
	margin-top: 25px;
	margin-bottom: 50px;
	min-height: 500px;
}

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

7. В style.css найдите:
.accordion em.open-close {background:url("{ASSETS_IMAGES_PATH}sprites.png?design=autumn") no-repeat -130px -48px; padding:8px 14px; position:absolute; right:0; top:0;}
.accordion_main em.open-close {background: url("{ASSETS_IMAGES_PATH}menu.png?design=autumn") no-repeat left center !important;position:absolute; left: -30px;width: 100%;}

у даных блоков измените значение стиля background

8. В style.css найдите:
#megamenu li .root_link:hover, #megamenu li.active .root_link {
	color: #DA3B44;
}

измените значение стиля color

#3 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 05 Август 2015 - 11:47

  • Передвинуть логотип влево до упора - Все получилось!
  • Поднять "Поиск..." вверх и сместить вправо до упора, дизайн строки оставить прежним, изменить только цвета и размеры

    Получилось так: Пункт 2 неправильно.png

    Нужно так: Пункт 2 правильно.png
    Ту же самую кнопку:
    заменить белый фон на прозрачный;
    серый цвет контура, значка поиска и надпись "Поиск..." заменить на белый;
    выровнять кнопку по высоте и ширине, как на рисунке.
    Отменил изменения, т.к. помимо всего прочего при перемещении кнопки "Поиск..." съезжает вниз измененная кнопка "Корзина".
  • Увеличить высоту кнопки корзины, добавить возможность менять картинки в указанном окне

    Перенести надпись "2 товара" и стрелочку ниже, т.е. по центру кнопки: Пункт 3.png
  • Слева от корзины добавить окно контактов с картинкой слева, без рамок
  • Слева от контактов добавить картинку (акции, виджеты соц/сетей - еще не знаю, буду экспериментировать) без рамки
  • Поднять немного вверх боковое меню и слайдер, но не впритык - лучше подскажите где менять цифры, сам подвигаю - Все получилось!
  • Заменить крестик в боковом меню, во всех открывающихся разделах и подразделах, на свою картинку

    "В style.css найдите:
    .accordion em.open-close {background:url("{ASSETS_IMAGES_PATH}sprites.png?design=autumn") no-repeat -130px -48px; padding:8px 14px; position:absolute; right:0; top:0;}
    .accordion_main em.open-close {background: url("{ASSETS_IMAGES_PATH}menu.png?design=autumn") no-repeat left center !important;position:absolute; left: -30px;width: 100%;}
    у даных блоков измените значение стиля background"
    spriters.png : sprites (1).png
    menu/png : menu.png

    Что именно менять и где?
  • Подскажите, где менять цвет активной вкладки верхнего меню, в том числе цвет надписи при наведении. - Все получилось!

    Пункты 3 и 4 даже не стал пробовать, т.к. сначала нужно устаканить Поиск


#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 06 Август 2015 - 03:34

2. После изменений из прошлой инструкции в style.css найдите:
#search_block_top #search_query_top {
	width: 150px;
	vertical-align: middle !important;
	border: 1px solid #CECECE !important;
	padding-right: 30px;
}
замените на:
#search_block_top #search_query_top {
	width: 150px;
	vertical-align: middle !important;
	border: 1px solid #fff !important;
	padding-right: 30px;
	background: none !important;
	color: #fff !important;
	height: 30px !important;
}
также вам необходимо будет заменить значок из редактора шаблонов search.png на свой с идентичным названием, так как он темный.

3. В style.css найдите:
#header_shopping_cart{position: static;width:160px;height:68px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на:
#header_shopping_cart{position: static;width:160px;height:68px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);padding-left: 30px;}

далее найдите:
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:8px 12px 8px 42px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}

замените на:
#shopping_cart a{text-decoration: none;display:block;background:none;color:#555555;font-weight:700;padding:25px 12px 8px 50px;width:auto;min-width:0;height:auto;float:right;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}

7. В файле sprites.png  через графический редактор измените необходимые иконки, подставив свои и загрузите новую измененную версию данного файла в редактор шаблонов вместого старого.

#5 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 06 Август 2015 - 08:21

Просмотр сообщенияVaccina (05 Август 2015 - 04:54) писал:

4. В шаблоне HTML перед
<!-- Блок навигации -->
	 {% IFNOT menu_empty %}
		 <ul id="megamenu">
		 {% FOR menu %}
			 {% FOR header %}

вставьте:
<!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts_head">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}

далее в style.css пропишите:
.contacts_head{
float:right;
padding-left:40px;
background: url('ссылка на картинку') no-repeat left center;
}

текст замените на ссылку


Вот что вышло: 4.png   теперь бы подровнять и тогда проверю п.5
п.7 еще не занимался, но думаю разберусь.

Остальное все получилось на 5+! Спасибо!

#6 Ирина345

Ирина345

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

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

Отправлено 06 Август 2015 - 14:59

Просмотр сообщенияpolak (06 Август 2015 - 08:21) писал:

Вот что вышло: Прикрепленный файл 4.png  теперь бы подровнять и тогда проверю п.5
п.7 еще не занимался, но думаю разберусь.

Остальное все получилось на 5+! Спасибо!
Здравствуйте,
произведите изменения, что бы отобразились контакты на странице.

#7 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 06 Август 2015 - 15:42

Просмотр сообщенияИрина345 (06 Август 2015 - 14:59) писал:

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

#8 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 06 Август 2015 - 20:04

Просмотр сообщенияИрина345 (06 Август 2015 - 14:59) писал:

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

Просмотр сообщенияpolak (06 Август 2015 - 15:42) писал:

Произвел...

Не очень понятно, с какой целью Вы дали мне столь ценный совет, но как-то не очень красиво выглядит - полдня уже висят на сайте "произведенные изменения"...

#9 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 07 Август 2015 - 15:38

Просмотр сообщенияИрина345 (06 Август 2015 - 14:59) писал:

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

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 08 Август 2015 - 04:38

На счет блока контактов, в шаблоне HTML все же перенесите их:
<!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts_head">
								 <!-- Первый контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
										 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
										 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
										 {SETTINGS_STORE_PHONE_NUMBER1}
								 </a>
								 {% ENDIF %}
								 <!-- Второй контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								 <br />
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
								 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
										 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
										 {SETTINGS_STORE_PHONE_NUMBER2}
								 </a>
								 {% ENDIF %}
								 <!-- Третий контактный телефон -->
								 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								 <br />
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
										 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
										 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
										 {SETTINGS_STORE_PHONE_NUMBER3}
								 </a>
								 {% ENDIF %}
					
						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
								 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								 {SETTINGS_STORE_WORK_TIME}
								 </div>
						 {% ENDIF %}
						 <!-- Контакт Skype -->
						 {% IF SETTINGS_STORE_SKYPE %}
								 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
						 {% ENDIF %}
						 <!-- Номер ICQ на сайте -->
						 {% IF SETTINGS_STORE_ICQ %}
								 <div class="clear"></div>
								 <div class="icq-number left">
								 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
								 <span>{SETTINGS_STORE_ICQ}</span>
								 </div>
						 {% ENDIF %}
						 <div class="clear"></div>
						 </div>
				 {% ENDIF %}


поставив после:
<div id="header-logo">
	 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
	 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
		 {SETTINGS_STORE_NAME}
	 </a>
</div>
	 <div id="header-right">

далее в style.css найдите:
.contacts_head{
float:right;
padding-left:40px;
background: url('telephone1.png') no-repeat left center;
}

замените на:
.contacts_head {
padding-left: 70px;
background: transparent url("telephone1.png") no-repeat scroll left center;
position: absolute;
left: -200px;
top: 40px;
height: 50px;
padding-top: 10px;
}

Как результат, должно получиться следующее:
FireShot Screen Capture #105 - 'Главная' - nmerci_ru.jpg

#11 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 08 Август 2015 - 09:00

Большое спасибо, получилось, но:
при увеличении масштаба страницы до 125% все нормально  125.png ,
а вот, если увеличить масштаб до 150%, то получается каша  150.png .
И слайдер тоже, при увеличении 150% выезжает вправо, возможно это уже отдельный вопрос.
В мобильной версии, слева от корзины торчит кусок контактов и так же слайдер растянут вправо.
Исправимо?

#12 Ирина345

Ирина345

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

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

Отправлено 10 Август 2015 - 14:12

Просмотр сообщенияpolak (08 Август 2015 - 09:00) писал:

Большое спасибо, получилось, но:
при увеличении масштаба страницы до 125% все нормально  Прикрепленный файл 125.png,
а вот, если увеличить масштаб до 150%, то получается каша  Прикрепленный файл 150.png.
И слайдер тоже, при увеличении 150% выезжает вправо, возможно это уже отдельный вопрос.
В мобильной версии, слева от корзины торчит кусок контактов и так же слайдер растянут вправо.
Исправимо?
Здравствуйте, найдите в style.css
#megamenu {
	position: absolute;
	height: 54px;
	top: 0px;
	left: 40px;
}
замените на

#megamenu {
	position: relative;
	height: 54px;
	top: 0px;
	left: 40px;
}


#13 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 10 Август 2015 - 16:01

И что? :)   меню.png    Верхнее меню уехало вправо. "Войти в ЛК" теперь большая проблема, т.к. сначала нужно найти кнопку - видимой она становится только при наведении.


Смарт 5":  5'.png    5'2.png   
Слева торчат контакты. Тут стал невидимым поиск, нашел его только потому, что еще не сменил иконку поиска на белую. Слайдер растянут вправо.


Планшет 7":  планшет 7'.png
Каша в верхнем меню, слайдер растянут вправо.


Планшет 10":  планш 10'.png

В общем все печально. Больше недели потрачено впустую.
Я так понял, максимум, что у Вас тут можно менять без последствий, так это цвет шрифта. Все остальное - один большой и непредсказуемый эксперимент.
Всем спасибо за "помощь".

#14 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 10 Август 2015 - 20:52

И, кстати, хотел спросить, это что???   111.png

#15 polak

polak

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

  • Пользователи
  • PipPip
  • 16 сообщений
  • ГородНорильск

Отправлено 12 Август 2015 - 16:20

Просмотр сообщенияpolak (10 Август 2015 - 20:52) писал:

И, кстати, хотел спросить, это что???   Прикрепленный файл 111.png
Ответьте, люди добрые... или русские буквы в url это хорошо?




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

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