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


Перенос Телефона И Поиска


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

#1 saniok0627

saniok0627

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

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

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

Здравствуйте, уважаемые Модераторы.
Подскажите как перенести телефон и поиск как указано на картинке.
Заранее благодарю!

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

  • как.JPG


#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

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

Здравствуйте, уважаемые Модераторы.
Подскажите как перенести телефон и поиск как указано на картинке.
Заранее благодарю!

Здравствуйте.
В шаблоне HTML код:
			 <div class="phone-active col-sm-10 col-md-10">

Заменил на:
			 <div class="col-sm-10 col-md-5 phone-active ">

Код в main.css:
.phone-active, .search-active {bottom: 0;display: none;margin: 48px 0;overflow: hidden ;position: relative left: 0;right: 0;top: 0;z-index: 920;}

Заменил на:
.phone-active, .search-active {display: none;margin: 0;overflow: hidden;position: absolute !important;right: 0;top: 50px;z-index: 920;}

А так же код:
.phone-active, .search-active {left: 0;width: auto;}

Заменил на:
.phone-active, .search-active {width: auto;}

Проверьте результат, пожалуйста

#3 saniok0627

saniok0627

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

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

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

Просмотр сообщенияFirefly (13 Июнь 2017 - 16:27) писал:

Здравствуйте.
В шаблоне HTML код:
			 <div class="phone-active col-sm-10 col-md-10">

Заменил на:
			 <div class="col-sm-10 col-md-5 phone-active ">

Код в main.css:
.phone-active, .search-active {bottom: 0;display: none;margin: 48px 0;overflow: hidden ;position: relative left: 0;right: 0;top: 0;z-index: 920;}

Заменил на:
.phone-active, .search-active {display: none;margin: 0;overflow: hidden;position: absolute !important;right: 0;top: 50px;z-index: 920;}

А так же код:
.phone-active, .search-active {left: 0;width: auto;}

Заменил на:
.phone-active, .search-active {width: auto;}

Проверьте результат, пожалуйста

Здравствуйте.
Результат то есть ток теперь на всю страницу поиск и телефон а хотелось бы чтоб поле было как на картинках.

#4 saniok0627

saniok0627

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

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

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

Благодарю, все работает ) напишите ещё где можно изменить размер окна и размер шрифта?

#5 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Просмотр сообщенияsaniok0627 (13 Июнь 2017 - 16:52) писал:

Здравствуйте.
Результат то есть ток теперь на всю страницу поиск и телефон а хотелось бы чтоб поле было как на картинках.

В шаблоне main.css удалил код:
.search-active.col-sm-10.col-md-10.open {background:#ccc;}

А так же код:
.phone-active .title {display: none;}

Код:
.phone-active, .search-active {left: 10px;padding: 0;right: 10px;}

Заменил на:
.phone-active, .search-active {padding: 0;right: 10px;}

Код:
.phone-active, .search-active {left: 0;width: auto;}

Заменил на:
.phone-active, .search-active {width: auto;}

Уточните, пожалуйста, о каком окне идет речь и где необходимо изменить размер шрифта.

#6 saniok0627

saniok0627

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

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

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

Окно телефона, уменьшить шрифт и как сделать так чтоб выводилась ещё два номера.

#7 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Июнь 2017 - 10:12

Просмотр сообщенияsaniok0627 (18 Июнь 2017 - 13:08) писал:

Окно телефона, уменьшить шрифт и как сделать так чтоб выводилась ещё два номера.
Здравствуйте.
Чтобы уменьшить поиск замените в шаблоне HTML
				<!-- Поиск при нажатии -->
				<div class="search-active col-sm-10 col-md-10">
на
				<!-- Поиск при нажатии -->
				<div class="search-active col-sm-10 col-md-3">

Вывел дополнительно ещё 2 телефона:
				<!-- Телефон при нажатии -->
				<div class="phone-active col-sm-10 col-md-3">
				  <a href="#" class="close"><span>Закрыть</span>×</a>
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<div class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER1}</strong></div>
				  {% ENDIF %}
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<div  class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {SETTINGS_STORE_PHONE_CITY_CODE2}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER2}</strong></div>
				  {% ENDIF %}
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<div  class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {SETTINGS_STORE_PHONE_CITY_CODE3}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER3}</strong></div>
				  {% ENDIF %}				 
				</div>
				<!-- Поиск при нажатии -->

Размер шрифта в файле main.css
/* Открытие и закрытие Поиска и Телефона */
.phone {
	font-size: 21px;
	line-height: 1.3;
	padding: 5px 0;
}





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

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