Как заменить стандартный значок телефона в верхней части сайта?

голоса: 0

Здравствуйте! Подскажите пожалуйста, как заменить стандартный значок телефона в верхней части сайта http://trubi.zp.ua на свой?

Адрес сайта http://trubi.zp.ua
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

У вас в верхней части сайта есть прописанный такой код:

<span class="phone"><span><a href="tel:+380322295990">(032)229-59-90</a></span></span>

вместо выделенного красным нужно прописать класс новой иконки, подобрать иконку можно на сайте https://fontawesome.com/v4.7.0/icons/ для примера можно взять иконку https://fontawesome.com/v4.7.0/icon/comment копируем лишь название класса fa fa-comment и прописываем его вместо выделенного красным.

| Автор:
Выбор ответа лучшим | | Автор: Александр Попов
Спасибо! Можно только те, которые на сайте? А, например, Vodafon иконки нет, добавить никак нельзя?
Александр Попов,
Добавить можно, но лишь вручную так как иконок мобильных операторов в фонт авесом нет.
Yuri_Geruk,
Подскажите, пожалуйста, как это сделать? Добавить вручную.
Александр Попов,

Делается примерно так. В стили прописываем следующее:

.icon-other:before{float: left;margin-right: 5px;content:"";width:24px;height:24px;position: relative;background:url('здесь ссылка на картинку размерами 24х24');}

далее например редактируем код который выше:

<span class="phone"><span><a href="tel:+380322295990">(032)229-59-90</a></span></span>

вместо phone прописываем icon-other вот так мы пропишем свою иконку вручную.

Yuri_Geruk,
Спасибо, попробую!
...