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


Изменения В Шапке Сайта

Автор saniok0627, 07 дек. 2017 18:42

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

#1 saniok0627

saniok0627

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

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

Отправлено 07 Декабрь 2017 - 18:42

Здравствуйте помогите изменить:
1. Убрать синюю полосу в верху
2. Перенести телефон и почту под поиск (столбиком)
3. Верхнее меню поставить по центру
4. Убрать виджет ВК с права
5. Поставить кнопки одноклассники и вконтакте под телефоном и почтой
Заранее благодарю

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

  • фото.JPG

#2 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 12:07

 saniok0627 (07 Декабрь 2017 - 18:42) писал:

Здравствуйте помогите изменить:
1. Убрать синюю полосу в верху
2. Перенести телефон и почту под поиск (столбиком)
3. Верхнее меню поставить по центру
4. Убрать виджет ВК с права
5. Поставить кнопки одноклассники и вконтакте под телефоном и почтой
Заранее благодарю

Здравствуйте.
2) В шаблоне html найдите, пожалуйста, данный код:

<!-- Верхняя часть Шапки -->
<div id="header-top" class="wrap">
<div class="container">
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>
<div class="topheader-right col-md-7 col-sms-3 col-smb-6">

И замените его вот этим вот кодом:

<!-- Верхняя часть Шапки -->
<div id="header-top" class="wrap">
<div class="container">
<div class="topheader-right col-md-7 col-sms-3 col-smb-6">


И далее в том же шаблоне найдите, пожалуйста, следующий код:


<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /END Основная часть Шапки -->

И замените его этим вот кодом:

<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>
</div>
</div>
</div>
<!-- /END Основная часть Шапки -->


1) Далее в шаблоне main.css найдите, пожалуйста, данный код:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
}

И замените его вот этим кодом:

#header-top {
height: 41px;
line-height: 36px;
position: relative;
}


4) И после чего в том же шаблоне найдите, пожалуйста, следующий код:


.community-widget .community-widget-button {
position: absolute;
top: -1px;
right: 100%;
height: 50px;
width: 50px;
font-size: 20px;
cursor: pointer;
line-height: 46px;
background: #fff;
text-align: center;
border: 1px solid #ddd;
-webkit-border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
}

И замените его этим кодом:

.community-widget .community-widget-button {
position: absolute;
top: -1px;
right: 100%;
height: 50px;
width: 50px;
font-size: 20px;
cursor: pointer;
display: none;
line-height: 46px;
background: #fff;
text-align: center;
border: 1px solid #ddd;
-webkit-border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
}

#3 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 12:54

Получается вот так по 1 и 2 пункту
Как убрать синюю полосу понял. Спасибо

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

  • скрин.JPG

#4 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 13:29

 saniok0627 (08 Декабрь 2017 - 12:54) писал:

Получается вот так по 1 и 2 пункту
Как убрать синюю полосу понял. Спасибо

Здравствуйте.
К сожалению на Вашем сайте отсутствуют присланные Вам изменения.
Просьба внести их повторно.

#5 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 13:59

 RayLi (08 Декабрь 2017 - 13:29) писал:

Здравствуйте.
К сожалению на Вашем сайте отсутствуют присланные Вам изменения.
Просьба внести их повторно.
Вернул сайт с изминениями

#6 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 14:08

 saniok0627 (08 Декабрь 2017 - 13:59) писал:

Вернул сайт с изминениями

В шаблоне html найдите, пожалуйста, данный код:

			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<ul class="connect-us">


				</ul>
			  <!-- END: Logo -->
						<div class="header-right col-sm-8 col-xs-12">
						  <div class="header-right-inner">
								<ul class="connect-us">

								</ul>
								<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">

И замените его вот этим вот кодом:

			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<ul class="connect-us">
								 
								</ul>
								<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">

#7 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 14:12

Спасибо уже лучше,
1.теперь телефон и почту сдвинуть под поиск и заместо точек вернуть иконки
2. Верхнее меню по центру поставить
3 добавить под телефон и почту иконки соц сетей с подвала

#8 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 14:34

 saniok0627 (08 Декабрь 2017 - 14:12) писал:

Спасибо уже лучше,
1.теперь телефон и почту сдвинуть под поиск и заместо точек вернуть иконки
2. Верхнее меню по центру поставить
3 добавить под телефон и почту иконки соц сетей с подвала

В шаблоне main.css найдите, пожалуйста, данный код:

#header-top .topheader-right {
	position: relative;
	z-index: 2;
	float: right;
	padding: 0;
}

И замените его вот этим вот кодом:

#header-top .topheader-right {
	position: relative;
	z-index: 2;
	padding: 0;
}


После чего в шаблоне html найдите, пожалуйста, данный код:

			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<ul class="connect-us">
								 
								</ul>
								<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
								  <div class="form-search">
										<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
										<input type="hidden" name="goods_search_field_id" value="0">
										<button type="submit" title="Искать" class="button search-submit"></button>
								  </div>
								</form>
						  </div>
						</div>
						<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
						<ul class="contact-us-now">
						  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
						</ul>
				  </div>
				  </div>
				</div>
		  </div>
		  <!-- /END Основная часть Шапки -->>

И замените его вот этим вот кодом:

			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<ul class="connect-us">
								 
								</ul>
								<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
								  <div class="form-search">
										<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
										<input type="hidden" name="goods_search_field_id" value="0">
										<button type="submit" title="Искать" class="button search-submit"></button>
								  </div>
								</form>
						  </div>
						</div>
						<div class="topheader-left col-md-8 col-sms-9 col-smb-6">
						<ul class="contact-us-now">
						  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
						</ul>
				  </div>
				  </div>
				</div>
		  </div>
		  <!-- /END Основная часть Шапки -->


После чего в самый конец шаблона main.css добавьте, пожалуйста, данный код:

.contact-us-now {float: right;}

#9 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 16:17

Меню если можно все таки по центру поставить
в остальном нечего неизменилась

#10 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 16:23

 saniok0627 (08 Декабрь 2017 - 16:17) писал:

Меню если можно все таки по центру поставить
в остальном нечего неизменилась

К сожалению у Вас из инструкции не выполнена последняя часть кода:



Цитата

После чего в самый конец шаблона main.css добавьте, пожалуйста, данный код:

.contact-us-now {float: right;}

И далее в шаблоне main.css найдите, пожалуйста, данный код:


#header-top .topheader-right {
	position: relative;
	z-index: 2;
	padding: 0;
}
И замените его вот этим кодом:


#header-top .topheader-right {
	position: relative;
	z-index: 2;
	padding: 0;
	margin-left: 8%;
}

#11 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 16:44

Да извиняюсь мой косяк не туда вставил и чего то жду )
почта и телефон встали как надо
Осталось верхнее меню поровнее сделать по центру
и иконки соц сетей добавить под телефон
и ещё можно ли вернуть иконки телефона и почты заместо точек?

#12 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 17:06

 saniok0627 (08 Декабрь 2017 - 16:44) писал:

Да извиняюсь мой косяк не туда вставил и чего то жду )
почта и телефон встали как надо
Осталось верхнее меню поровнее сделать по центру
и иконки соц сетей добавить под телефон
и ещё можно ли вернуть иконки телефона и почты заместо точек?

Для этого Вам необходимо в шаблоне main.css найти следующий код:

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

И заменить его вот этим вот кодом:

.topheader-left ul.contact-us-now li {display: block;line-height: 35px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
.topheader-left ul.contact-us-now li.c-phone {background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -36px;}


Так еж просьба прислать нам скриншот и указание на сколько и в какую сторону Вам необходимо сдвинуть меню, чтобы оно расположилось точно так как Вам требуется.

#13 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 17:15

Спасибо огромное!!!
Вы напишите де регулировать положение а я там сам постараюсь настроить.
И ещё как там с иконками соц сетей быть

 RayLi (08 Декабрь 2017 - 17:06) писал:

Для этого Вам необходимо в шаблоне main.css найти следующий код:

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

И заменить его вот этим вот кодом:

.topheader-left ul.contact-us-now li {display: block;line-height: 35px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
.topheader-left ul.contact-us-now li.c-phone {background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -36px;}


Так еж просьба прислать нам скриншот и указание на сколько и в какую сторону Вам необходимо сдвинуть меню, чтобы оно расположилось точно так как Вам требуется.

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

  • скрин1.JPG

#14 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 17:34

 saniok0627 (08 Декабрь 2017 - 17:15) писал:

Спасибо огромное!!!
Вы напишите де регулировать положение а я там сам постараюсь настроить.
И ещё как там с иконками соц сетей быть

Регулировать в горизонтальной плоскости блока верхнего меню Вы сможете производить в следующем блоке кода из шаблона main.css :

#header-top .topheader-right {
		position: relative;
		z-index: 2;
		padding: 0;
		margin-left: 8%;
}

В данной строчке:

margin-left: 8%;

Изменяя значение 8 на большее или меньшее, в зависимости от Вашего предпочтения.

#15 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 17:37

Благодарю Вас

#16 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 18:49

Ещё один вопрос
Кнопки соц сетей с подвала перенести в шапку под телефон

#17 RayLi

RayLi

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

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

Отправлено 08 Декабрь 2017 - 19:18

 saniok0627 (08 Декабрь 2017 - 18:49) писал:

Ещё один вопрос
Кнопки соц сетей с подвала перенести в шапку под телефон

Для этого Вам необходимо в шаблоне html найти следующий код:

	  <!-- Подвал -->
	  <div id="footer" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="col-xs-12">
			  <ul class="link-follow">
				<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/group/58031508684842" title="Odnoklassniki"></a></li>
				<li><a class="vk fa fa-vk" href="https://vk.com/megmag24" title="vkontakte"></a></li>
			  </ul>
			</div>
			<div class="col-xs-12">
			  <div class="copyright">
				<p>{SETTINGS_STORE_ORG_NAME}.</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;.</p>
				<p>{COPYRIGHT_FOR_DESIGN_AZURE}.</p>
				<p>{SETTINGS_STORE_HTML_CODE}</p>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Подвал -->

И заменить его вот этим вот кодом:

	  <!-- Подвал -->
	  <div id="footer" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="col-xs-12">
			</div>
			<div class="col-xs-12">
			  <div class="copyright">
				<p>{SETTINGS_STORE_ORG_NAME}.</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;.</p>
				<p>{COPYRIGHT_FOR_DESIGN_AZURE}.</p>
				<p>{SETTINGS_STORE_HTML_CODE}</p>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Подвал -->


После чего в том же шаблоне найдите, пожалуйста, следующий код:

	<!-- END: Logo -->
						<div class="header-right col-sm-8 col-xs-12">
						  <div class="header-right-inner">
															<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
																  <div class="form-search">
																				<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
																				<input type="hidden" name="goods_search_field_id" value="0">
																				<button type="submit" title="Искать" class="button search-submit"></button>
																  </div>
																</form>
												  </div>
												</div>
												<div class="topheader-left col-md-8 col-sms-9 col-smb-6">
												<ul class="contact-us-now">
												  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
												 
																								 </ul>
																		
								  </div>
												   
				   
								  </div>
								</div>
			   
				  </div>
								   
				  <!-- /END Основная часть Шапки -->

И замените его этим вот кодом:

	<!-- END: Logo -->
						<div class="header-right col-sm-8 col-xs-12">
						  <div class="header-right-inner">
							   <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
								  <div class="form-search">
									 <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
										 <input type="hidden" name="goods_search_field_id" value="0">
										  <button type="submit" title="Искать" class="button search-submit"></button>
									 </div>
								 </form>
							   </div>
							</div>
							 <div class="topheader-left col-md-8 col-sms-9 col-smb-6">
												<ul class="contact-us-now">
												  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
												  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
												</ul>
												 <ul class="link-follow">
												  <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/group/58031508684842" title="Odnoklassniki"></a></li>
												  <li><a class="vk fa fa-vk" href="https://vk.com/megmag24" title="vkontakte"></a></li>
												 </ul>
							  </div>
							 </div>
						   </div>
						 </div>
								   
				  <!-- /END Основная часть Шапки -->

#18 saniok0627

saniok0627

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

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

Отправлено 08 Декабрь 2017 - 22:17

 RayLi (08 Декабрь 2017 - 19:18) писал:

Для этого Вам необходимо в шаблоне html найти следующий код:

<!-- Подвал -->
<div id="footer" class="wrap">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="link-follow">
<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/group/58031508684842" title="Odnoklassniki"></a></li>
<li><a class="vk fa fa-vk" href="https://vk.com/megmag24" title="vkontakte"></a></li>
</ul>
</div>
<div class="col-xs-12">
<div class="copyright">
<p>{SETTINGS_STORE_ORG_NAME}.</p>
<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;.</p>
<p>{COPYRIGHT_FOR_DESIGN_AZURE}.</p>
<p>{SETTINGS_STORE_HTML_CODE}</p>
</div>
</div>
</div>
</div>
</div>
<!-- /END Подвал -->

И заменить его вот этим вот кодом:

<!-- Подвал -->
<div id="footer" class="wrap">
<div class="container">
<div class="row">
<div class="col-xs-12">
</div>
<div class="col-xs-12">
<div class="copyright">
<p>{SETTINGS_STORE_ORG_NAME}.</p>
<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;.</p>
<p>{COPYRIGHT_FOR_DESIGN_AZURE}.</p>
<p>{SETTINGS_STORE_HTML_CODE}</p>
</div>
</div>
</div>
</div>
</div>
<!-- /END Подвал -->


После чего в том же шаблоне найдите, пожалуйста, следующий код:

<!-- END: Logo -->
<div class="header-right col-sm-8 col-xs-12">
<div class="header-right-inner">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>
<div class="topheader-left col-md-8 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}

</ul>

</div>


</div>
</div>

</div>

<!-- /END Основная часть Шапки -->

И замените его этим вот кодом:

<!-- END: Logo -->
<div class="header-right col-sm-8 col-xs-12">
<div class="header-right-inner">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>
<div class="topheader-left col-md-8 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
<ul class="link-follow">
<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/group/58031508684842" title="Odnoklassniki"></a></li>
<li><a class="vk fa fa-vk" href="https://vk.com/megmag24" title="vkontakte"></a></li>
</ul>
</div>
</div>
</div>
</div>

<!-- /END Основная часть Шапки -->
Добрый вечер иконки встали по середине.
Как убрать точки
Как сделать иконки больше

#19 RayLi

RayLi

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

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

Отправлено 09 Декабрь 2017 - 10:38

 saniok0627 (08 Декабрь 2017 - 22:17) писал:

Добрый вечер иконки встали по середине.
Как убрать точки
Как сделать иконки больше

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

.link-follow li {
	display: inline-block;
	padding: 0 0 0 10px;
	background: #FFF;
	float: left;
	text-align: center;
}
.link-follow li a {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background-position: left top;
	height: 53px;
	width: 53px;
	display: inline-block;
	border: 1px solid #e1e1e1;
	position: relative;
	top: 0px;
	font-size: 26px;
	line-height: 53px;
}

#20 saniok0627

saniok0627

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

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

Отправлено 09 Декабрь 2017 - 12:08

 RayLi (09 Декабрь 2017 - 10:38) писал:

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

.link-follow li {
display: inline-block;
padding: 0 0 0 10px;
background: #FFF;
float: left;
text-align: center;
}
.link-follow li a {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-position: left top;
height: 53px;
width: 53px;
display: inline-block;
border: 1px solid #e1e1e1;
position: relative;
top: 0px;
font-size: 26px;
line-height: 53px;
}
Спасибо увеличились но не сдвинулись

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

  • скрин12.JPG

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Главная
  6. Privacy Policy