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


Добавить В Шапку Телефон


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

#1 Наталья11111

Наталья11111

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

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

Отправлено 12 Ноябрь 2015 - 15:58

День добрый! А как добавить телефон в шапку сайта?
Аккаунт SL-310546

#2 RedHead

RedHead

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

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

Отправлено 12 Ноябрь 2015 - 16:03

Просмотр сообщенияНаталья11111 (12 Ноябрь 2015 - 15:58) писал:

День добрый! А как добавить телефон в шапку сайта?
Аккаунт SL-310546

Здравствуйте! В каком месте Вы бы хотели расположить телефон? Справа от пункта меню "Контакты"?

#3 Наталья11111

Наталья11111

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

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

Отправлено 12 Ноябрь 2015 - 16:08

Просмотр сообщенияRedHead (12 Ноябрь 2015 - 16:03) писал:

Здравствуйте! В каком месте Вы бы хотели расположить телефон? Справа от пункта меню "Контакты"?

да

#4 RedHead

RedHead

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

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

Отправлено 12 Ноябрь 2015 - 17:16

Просмотр сообщенияНаталья11111 (12 Ноябрь 2015 - 16:08) писал:

да

Здравствуйте! в шаблоне html найдите код:
<!-- /END Меню навигации в шапке -->
		  </div>
после него вставьте
<div class="tel-right">
			Тел.: +7 (925) 482-18-00
			</div>
Далее в шаблоне main.css найдите строку
@media all and (max-width: 991px) {
после нее вставьте
.tel-right {display:none}
и в конец этого шаблона вставьте
.tel-right {
float: right;
position: relative;
top: -35px;
left: -15px;
color: #696c79;
font-size: 18px;
}


#5 Наталья11111

Наталья11111

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

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

Отправлено 12 Ноябрь 2015 - 17:41

нету телефона((

#6 RedHead

RedHead

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

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

Отправлено 12 Ноябрь 2015 - 17:49

Просмотр сообщенияНаталья11111 (12 Ноябрь 2015 - 17:41) писал:

нету телефона((

Проверьте пожалуйста правильность выполнения инструкции.
Если изменения не произойдут, попробуйте изменять величину параметров " top: -35px; left: -15px; "

#7 Наталья11111

Наталья11111

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

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

Отправлено 12 Ноябрь 2015 - 18:21

Просмотр сообщенияRedHead (12 Ноябрь 2015 - 17:49) писал:

Проверьте пожалуйста правильность выполнения инструкции.
Если изменения не произойдут, попробуйте изменять величину параметров " top: -35px; left: -15px; "

ок

спасибо, все получилось))

#8 Марсианка

Марсианка

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

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

Отправлено 17 Ноябрь 2015 - 14:54

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

#9 Марсианка

Марсианка

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

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

Отправлено 17 Ноябрь 2015 - 15:02

Перед подвалом отображается картинка слайдера, как его убрать?
Аккаунт SL-359905

#10 MikDark

MikDark

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

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

Отправлено 17 Ноябрь 2015 - 15:04

Просмотр сообщенияМарсианка (17 Ноябрь 2015 - 15:02) писал:

Перед подвалом отображается картинка слайдера, как его убрать?
Аккаунт SL-359905

В шаблоне main.css Вам нужно найти код:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;padding-top: 20px;padding-bottom: 15px;background: url('{ASSETS_IMAGES_PATH}bkg_brand.jpg?design=sport') no-repeat center center;}

и заменить на:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;padding-top: 20px;padding-bottom: 15px;}


#11 Марсианка

Марсианка

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

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

Отправлено 17 Ноябрь 2015 - 15:18

Спасибо, получилось.

#12 Марсианка

Марсианка

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

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

Отправлено 19 Ноябрь 2015 - 11:06

Можно всё что в подвале под "КОНТАКТЫ" поднять наверх до логотипа, либо между логотипом и каталогом.
Сделала контактный телефон справа от пунктов меню получилось очень мелко и задрано вверх, Аккаунт SL-359905

#13 RedHead

RedHead

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

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

Отправлено 19 Ноябрь 2015 - 12:24

Просмотр сообщенияМарсианка (19 Ноябрь 2015 - 11:06) писал:

Можно всё что в подвале под "КОНТАКТЫ" поднять наверх до логотипа, либо между логотипом и каталогом.
Сделала контактный телефон справа от пунктов меню получилось очень мелко и задрано вверх, Аккаунт SL-359905

Здравствуйте!
1) Редактирование телефона. В шаблоне main.css перед строкой
/******************************************************************************
  Адаптивная часть
добавьте строки:
.tel-right {
position: relative;
top: 15px;
left: 50px;
color: #696c79;
font-size: 18px;
}
Далее после строки
@media all and (max-width: 1199px) {
добавьте
.tel-right {font-size:16px;}

После строки
@media all and (max-width: 767px) {

добавьте
.tel-right {font-size:14px;top: 17px;left: 500px;}

После
@media all and (max-width: 641px) {

добавьте
.tel-right {display: none;}

2) Если второй Ваш вопрос я поняла правильно, то в шаблоне html после строк
<div class="tel-right">
						Тел.: +7 (812) 409-96-95
						</div>
		  </div>
		</div>

добавьте
<div style="padding-left: 300px;">
			  <p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">Россия, Санкт-Петербург, 199106, Большой пр.В.О., дом 91</span></p>			
			  <p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">с 10:00 до 21:00</span></p>			 
			  <p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:+7812409-96-95">+7(812)409-96-95</a></span></p>										
			  <p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:td-vostorg@yandex.ru">td-vostorg@yandex.ru</a></span></p>						
			  </div>

В main.css после строки
@media all and (max-width: 991px) {

добавьте
.tel-right {font-size:16px;top: 17px;left: 540px;}
  .contact-head {position: relative;left: -300px;}


#14 Марсианка

Марсианка

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

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

Отправлено 19 Ноябрь 2015 - 14:54

@media all and (max-width: 767px)не могу найти

#15 RedHead

RedHead

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

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

Отправлено 19 Ноябрь 2015 - 15:13

Просмотр сообщенияМарсианка (19 Ноябрь 2015 - 14:54) писал:

@media all and (max-width: 767px)не могу найти

Откатите пожалуйста изменения и попробуйте сделать внимательно снова. У Вас эти строки удалены. Во время написания инструкции, все строки в шаблоне были на месте.

#16 Марсианка

Марсианка

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

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

Отправлено 20 Ноябрь 2015 - 11:12

Добрый день,
1) Редактирование телефона. Шрифт стал больше, но телефон прописан в две строчки, хотелось бы в одну. И не отражается в мобильной версии. Может предложите какой нить другой вариант.

2) По второму вопросу, сделала как вы написали, но
не заметила в шаблоне изменений.

#17 RedHead

RedHead

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

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

Отправлено 20 Ноябрь 2015 - 12:15

Просмотр сообщенияМарсианка (20 Ноябрь 2015 - 11:12) писал:

Добрый день,
1) Редактирование телефона. Шрифт стал больше, но телефон прописан в две строчки, хотелось бы в одну. И не отражается в мобильной версии. Может предложите какой нить другой вариант.

2) По второму вопросу, сделала как вы написали, но
не заметила в шаблоне изменений.

Здравствуйте!
В шаблоне html замените код
<!-- /END Меню навигации в шапке -->
			<div class="tel-right">
						Тел.: +7 (812) 409-96-95
						</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->
на
<!-- /END Меню навигации в шапке -->
		  
		   <div class="contact1">
		   <div class="col-md-9 col-xs-12">
						  <p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">Россия, Санкт-Петербург, 199106, Большой пр.В.О., дом 91</span></p>				
						  <p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">с 10:00 до 21:00</span></p>				 
						  <p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:+7812409-96-95">+7(812)409-96-95</a></span></p>																			
						  <p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:td-vostorg@yandex.ru">td-vostorg@yandex.ru</a></span></p>											
						  </div>
		   <div class="col-md-3 col-xs-12">
						Тел.: +7 (812) 409-96-95
						</div></div>		  
		  </div>
		</div>				
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->

В шаблоне main.css удалите строки, которые вносили в посте №13
Перед строкой
/******************************************************************************
  Адаптивная часть
вставьте
.contact1{
color: #696c79;
font-size: 16px;
}


#18 Марсианка

Марсианка

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

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

Отправлено 20 Ноябрь 2015 - 14:17

Всё сделала как написали, И мы вернулись к старой версии(((( В мобильной версии телефон не отражается, а надо.
Можно номер телефона переместить между логотипом и колонкой каталога слева. Может так будет лучше.

#19 Юля123

Юля123

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

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

Отправлено 20 Ноябрь 2015 - 15:56

Просмотр сообщенияМарсианка (20 Ноябрь 2015 - 14:17) писал:

Всё сделала как написали, И мы вернулись к старой версии(((( В мобильной версии телефон не отражается, а надо.
Можно номер телефона переместить между логотипом и колонкой каталога слева. Может так будет лучше.


Здравствуйте, не могли бы Вы прислать скриншот, на котором указано, что и где должно располагаться?

#20 Марсианка

Марсианка

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

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

Отправлено 06 Декабрь 2015 - 22:57

1.png

Помогите сделать телефон и режим работы перед слайдом
Звоните нам:.............. Время работы..................




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

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