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


Добавить Вотсап В Контакты


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 13 Январь 2015 - 11:51

Добрый день!

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

Вот так:

Добавить вотсап.png

1) С таким же шрифтом, как телефоны.

2) С отступами сверху и снизу - стандартными по сайту - 9 писелей.

3) С картинкой на 16 пикселей, также как телефоны и скайп.

4) С одинаковым отступом слева как телефоны и скайп.

#2 MikDark

MikDark

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

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

Отправлено 13 Январь 2015 - 12:21

Просмотр сообщенияAndrew S. (13 Январь 2015 - 11:51) писал:

Добрый день!

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

Вот так:

Прикрепленный файл Добавить вотсап.png

1) С таким же шрифтом, как телефоны.

2) С отступами сверху и снизу - стандартными по сайту - 9 писелей.

3) С картинкой на 16 пикселей, также как телефоны и скайп.

4) С одинаковым отступом слева как телефоны и скайп.

В шаблоне HTML найдите код:
<!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_SKYPE %}
				  <br /><a style="text-decoration: none;padding-top:1px;display:block;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  {% ENDIF %}
				 

и после вставьте:
<!-- Whatsapp -->
		 
				  <br /><a style="text-decoration: none;padding-top:1px;display:block;" class="valignMiddle" href=""><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}whatsapp.png" width="16" height="16" alt="Свяжитесь с нами по Whatsapp" />&nbsp;<span class="valignMiddle">Номер whatsapp</span></a>							 

где whatsapp.png замените на имя загруженной иконки.

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 14 Январь 2015 - 22:06

Просмотр сообщенияMikDark (13 Январь 2015 - 12:21) писал:

В шаблоне HTML найдите код:
<!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_SKYPE %}
				 <br /><a style="text-decoration: none;padding-top:1px;display:block;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 {% ENDIF %}
				

и после вставьте:
<!-- Whatsapp -->

				 <br /><a style="text-decoration: none;padding-top:1px;display:block;" class="valignMiddle" href=""><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}whatsapp.png" width="16" height="16" alt="Свяжитесь с нами по Whatsapp" />&nbsp;<span class="valignMiddle">Номер whatsapp</span></a>

где whatsapp.png замените на имя загруженной иконки.

Подскажите теперь ещё, пожалуйста, как уменьшить расстояние между строчкой с вотсап и скайпом.

Расстояние.png

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Январь 2015 - 01:15

перед строчкой скайпа в шаблоне HTML удалите: <br>
строка скайпа выглядит у вас примерно следующим образом:
<a title="Свяжитесь с нами по Skype" href="skype:technoimp?call" class="valignMiddle" style="text-decoration: none;padding-top:1px;display:block;">





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

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