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


Редактирование Шапки Осень


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

#21 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
<div id="header-right">
	 <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>
		  <!-- Корзина -->
	 <div id="header_shopping_cart">
	  <div id="shopping_cart">
	   <a href="{CART_URL}" title="Перейти в корзину">
				{% IF cart_count_empty %}
				  <span class="ajax_cart_no_product">Корзина пуста</span>
				{% ELSE %}
				  <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				{% ENDIF %}	  
		<span class="down_arrow_dark"></span>
	   </a>
	  </div>
	 </div>		 
		  <!-- Форма поиска -->
		  <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="cart_block">
	  <div id="cart_block_bottom">
	   <div id="cart_block_other_costs">
		<div class="other_cost_wrapper"  style="width: 100%">
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
		   <span>Товаров </span>
		   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span>
		  {% ENDIF %}
		   <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
		</div>
	   </div>
	   <div id="cart_block_total_checkout">
		<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	   </div>
	  </div>
	 </div>
		  <div class="clear"></div>	   
		</div>
				  <div style="float: right; margin-right: 15%;"></div><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">Наши контактные телефоны:
								<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">							  
								  <!-- Первый контактный телефон -->
								  {% 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 %}
								
								</div>
						  
								<!-- Время работы магазина -->Время работы:
								{% 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>

замените на:
<div id="header-right">
<!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">Наши контактные телефоны:
								<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">							  
								  <!-- Первый контактный телефон -->
								  {% 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 %}
								
								</div>
						  
								<!-- Время работы магазина -->Время работы:
								{% 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>
	 <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>
		  <!-- Корзина -->
	 <div id="header_shopping_cart">
	  <div id="shopping_cart">
	   <a href="{CART_URL}" title="Перейти в корзину">
				{% IF cart_count_empty %}
				  <span class="ajax_cart_no_product">Корзина пуста</span>
				{% ELSE %}
				  <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				{% ENDIF %}	  
		<span class="down_arrow_dark"></span>
	   </a>
	  </div>
	 </div>		 
		  <!-- Форма поиска -->
		  <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="cart_block">
	  <div id="cart_block_bottom">
	   <div id="cart_block_other_costs">
		<div class="other_cost_wrapper"  style="width: 100%">
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
		   <span>Товаров </span>
		   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span>
		  {% ENDIF %}
		   <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
		</div>
	   </div>
	   <div id="cart_block_total_checkout">
		<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	   </div>
	  </div>
	 </div>
		  <div class="clear"></div>	   
		</div>
				

далее в style.css найдите:
#header .contacts {
	margin-top: 56px;
	font-size: 15px;
	position: relative;
	left: 55px;
	width: 500px;
	z-index: 1;
}

замените на:
#header .contacts {
	margin-top: 56px;
	font-size: 15px;
	position: relative;
	width: 500px;
	z-index: 1;
}

далее найдите:
#header_user_info {
	color: #fafafa;
	font-size: 12px;
	text-align: right;
	clear: both;
	margin-top: 6px;
	padding: 0;
	display: block;
	*height: 18px;
}

замените на:
#header_user_info {
	color: #fafafa;
	font-size: 12px;
	text-align: right;
	margin-top: 6px;
	padding: 0;
	display: block;
	*height: 18px;
}

далее найдите:
header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:55px;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:170px;float:right;clear:both;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)}

далее найдите:
#search_block_top {
	position: static;
	float: right;
	margin: 55px 10px 0 0;
}

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


#22 darka

darka

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

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

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

после изменений получилось вот такое и хочется изменить в итоге на след. вариант:

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

Изображение


еще хочу узнать параметры фоновой картинки, что подойдет, как это будет и прочее, спасибо

#23 Юля123

Юля123

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

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

Отправлено 04 Февраль 2016 - 09:33

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

после изменений получилось вот такое и хочется изменить в итоге на след. вариант:

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




еще хочу узнать параметры фоновой картинки, что подойдет, как это будет и прочее, спасибо

Здравствуйте, в style.css найдите код:

#header .contacts {
		margin-top: 56px;
		font-size: 15px;
		position: relative;
		left: 55px;
		width: 500px;
		z-index: 1;
}

и замените на код:

#header .contacts {
	font-size: 15px;
	position: relative;
	float: right;
	z-index: 1;
	text-align: right;
	top: -20px;
}
.phone {
	display: inline-block;
	width: 33%;
	margin-right: 20px;
	vertical-align: top;
	text-align: left;
}
.work-time {
	display: inline-block;
	width: 17%;
}

далее найдите код:
#search_block_top{position:static;float:right;margin:55px 10px 0 0}
и замените на код:
#search_block_top {
	position: static;
	float: right;
	margin: 55px 10px 0 0;
	transform: translateY(100px);
}

далее найдите код:

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:55px;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:170px;float:right;clear:both;margin-top:55px;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);transform: translateY(100px);}

далее после кода:

@media only screen and (max-width:1210px)
{

добавьте код:

#header .contacts {top:-150px;}


#24 darka

darka

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

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

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

все хорошо, только надо поправить теперь часы работы и скайп. часы работы сразу под "Время работы" (сделать на строчку выше) и под часами скайп. спасибо

#25 RedHead

RedHead

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

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

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

Просмотр сообщенияdarka (04 Февраль 2016 - 19:35) писал:

все хорошо, только надо поправить теперь часы работы и скайп. часы работы сразу под "Время работы" (сделать на строчку выше) и под часами скайп. спасибо

Здравствуйте. В шаблоне html замените блок кода:
<!-- Время работы магазина -->Время работы:
								{% 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 %}
на:
<!-- Время работы магазина -->
								  <div class="work-time">
								{% IF SETTINGS_STORE_WORK_TIME %}
								Время работы:<br><span title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>
								{% ENDIF %}
								<br>
								<!-- Контакт 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 %}
								  </div>

переместите строку
Наши контактные телефоны:
вставив ее после
<!-- Первый контактный телефон -->

и в style.css строки
.phone {
		display: inline-block;
		width: 33%;
		margin-right: 20px;
		vertical-align: top;
		text-align: left;
}
.work-time {
		display: inline-block;
		width: 17%;
}
замените на
.phone {
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
}
.work-time {
		display: inline-block;
}


#26 darka

darka

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

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

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

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

#27 Dars

Dars

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

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

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

Просмотр сообщенияdarka (04 Февраль 2016 - 21:20) писал:

почти помогло, теперь нужно "контактные телефоны" поднять выше, что бы текст был над номерами, а "время работы", которое слева от скайпа просто удалить можно, главное что бы не поехало. жду инструкций, спасибо
Здравствуйте!
Судя по расположению элементов на сайте на данный момент, помощь уже не требуется?

#28 darka

darka

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

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

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

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

Здравствуйте!
Судя по расположению элементов на сайте на данный момент, помощь уже не требуется?
требуется помощь по последней инструкции. элементы просто откатили к исходному виду

#29 RedHead

RedHead

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

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

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

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

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

Здравствуйте. Уточните, пожалуйста, на скриншоте, как необходимо расположить контакты. Не совсем понятно, что именно нужно сделать.

1.jpg

#30 darka

darka

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

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

Отправлено 08 Февраль 2016 - 21:04

скриншот в 22 посте (чуть выше) нужно сделать такими блоками как на нем. инструкции уже давали, но две строки уехали и желаемый результат не получился

#31 Юля123

Юля123

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

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

Отправлено 09 Февраль 2016 - 09:36

Просмотр сообщенияdarka (08 Февраль 2016 - 21:04) писал:

скриншот в 22 посте (чуть выше) нужно сделать такими блоками как на нем. инструкции уже давали, но две строки уехали и желаемый результат не получился

Здравствуйте, выполните инструкцию из сообщения №23, дальше отпишитесь, я помогу Вам с дальнейшими изменениями.

#32 darka

darka

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

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

Отправлено 09 Февраль 2016 - 17:09

Юлия, сделал по инструкции, теперь нужно сделать след. вид:

"Наши контактные телефоны:"

"+7 (4832) 30 29 21"

"+7 920 601 8334"


и со временем работы так же:

время работы:

с 10.00 до 19.00

skype



#33 Vaccina

Vaccina

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

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

Отправлено 10 Февраль 2016 - 04:10

В шаблоне HTML найдите:
Наши контактные телефоны:
и
Время работы:

после них пропишите: <br/>

В style.css найдите:
.phone {
	display: inline-block;
	width: 33%;
	margin-right: 20px;
	vertical-align: top;
	text-align: left;
}

замените на:
#header .contacts {
	font-size: 15px;
	position: relative;
	float: right;
	z-index: 1;
	text-align: right;
	margin-top: 40px;
	position: absolute;
	right: 20px;
}

далее найдите:
.phone {
	display: block;
	width: 100%;
	margin-right: 20px;
	vertical-align: top;
	text-align: left;
}

замените на:
.phone {
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

далее найдите:
.work-time {
	display: inline-block;
	width: 17%;
}

замените на:
.work-time {
	display: block;
	width: 100%;
}


#34 darka

darka

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

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

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

спасибо, все получилось, но блок с телефонами нужно сделать слева от времени работы. над строкой поиска

#35 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
<div style="float: right; margin-right: 15%;"></div><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">Наши контактные телефоны:<br/>
								<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">							  
								  <!-- Первый контактный телефон -->
								  {% 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 %}
								
								</div>
						  
								<!-- Время работы магазина -->Время работы:<br/>
								{% 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>

замените на:
<!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">
								<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">	 
Наши контактные телефоны:<br/>	   
								  <!-- Первый контактный телефон -->
								  {% 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 %}
								
								</div>
								<div class="second_block">
								<!-- Время работы магазина -->Время работы:<br/>
								{% 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>
  
								<div class="clear"></div>
						  </div>
						{% ENDIF %}</div>

В main.css найдите:
.phone {
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

замените на:
.phone {
	display: block;
	text-align: right;
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
}
.second_block {
	float: right;
}

далее найдите:
#header .contacts {
	font-size: 15px;
	position: relative;
	float: right;
	z-index: 1;
	text-align: right;
	top: -20px;
}

замените на:
#header .contacts {
	font-size: 15px;
	position: relative;
	float: right;
	z-index: 1;
	text-align: right;
	top: 0px;
}


#36 Nalsur16

Nalsur16

    Новичок

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

Отправлено 06 Сентябрь 2016 - 21:00

Здравствуйте. я новичек) хотел отредактировать слайды в теме Осень, получилось поставить свои ну качество не то. И решил совсем удалить слайды чтоб их не было, подскажите пожалуйста
SL-393917

#37 Nalsur16

Nalsur16

    Новичок

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

Отправлено 06 Сентябрь 2016 - 21:09

а все разобрался




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

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