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


Много Вопросов По Шаблону


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

#101 Firefly

Firefly

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

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

Отправлено 21 Ноябрь 2016 - 17:19

Просмотр сообщенияfrolstep (20 Ноябрь 2016 - 18:20) писал:

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

Изображение

Здравствуйте.
На данный момент у Вас уже присутствует строка с телефонами в виде изображения. Уточните, пожалуйста, вопрос еще актуален?

#102 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 21 Ноябрь 2016 - 17:24

Вопрос ещё актуален. Изображение в данный момент как тест.
Спасибо!

#103 Firefly

Firefly

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

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

Отправлено 21 Ноябрь 2016 - 17:50

Просмотр сообщенияfrolstep (21 Ноябрь 2016 - 17:24) писал:

Вопрос ещё актуален. Изображение в данный момент как тест.
Спасибо!

В шаблоне HTML код:
<div class="block">
	 
<a href="http://tool77.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title=""><img src="http://st.tool77.ru/9/2031/279/123456.jpg" alt=""></a>
	   
</div>

Заменил на:
<div class="block">
  <div class="contact-block">
	<img src=""> <img src="">
  </div>
  <div class="contact-block">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
  </div>
<!--<a href="http://tool77.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title=""><img src="http://st.tool77.ru/9/2031/279/123456.jpg" alt=""></a>-->
	   
</div>

А так же в main.css добавил код:
.contact-block {float:left;}
.contact-block img, .contact-block p {display:inline-block;padding: 0 10px;margin: 20px 0;}

В первом коде в шаблоне HTML Вам потребуется в дальнейшем добавить ссылки на иконки платежных систем внутри кавычек:
    <img src=""> <img src="">

#104 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

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

Просмотр сообщенияFirefly (21 Ноябрь 2016 - 17:50) писал:

В шаблоне HTML код:
<div class="block">
	
<a href="http://tool77.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title=""><img src="http://st.tool77.ru/9/2031/279/123456.jpg" alt=""></a>
	
</div>

Заменил на:
<div class="block">
<div class="contact-block">
<img src=""> <img src="">
</div>
<div class="contact-block">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
</div>
<!--<a href="http://tool77.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title=""><img src="http://st.tool77.ru/9/2031/279/123456.jpg" alt=""></a>-->
	
</div>

А так же в main.css добавил код:
.contact-block {float:left;}
.contact-block img, .contact-block p {display:inline-block;padding: 0 10px;margin: 20px 0;}

В первом коде в шаблоне HTML Вам потребуется в дальнейшем добавить ссылки на иконки платежных систем внутри кавычек:
<img src=""> <img src="">

Спасибо!
Где можно шрифт чуток увеличить?
И как уменьшить растояние между телефонами и баннером?
Спасибо!

#105 Firefly

Firefly

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

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

Отправлено 22 Ноябрь 2016 - 10:05

Просмотр сообщенияfrolstep (21 Ноябрь 2016 - 17:54) писал:

Спасибо!
Где можно шрифт чуток увеличить?
И как уменьшить растояние между телефонами и баннером?
Спасибо!

Изменения Вам произвел. Так же выровнял по высоте баннеры и телефоны.
Чтобы изменить размер шрифта телефонов в конце main.css добавьте код:
.contact-block p {font-size:16px;}

Измените значение 16px по необходимости




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

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