Автор Тема: Добавление иконок в текст  (Прочитано 211 раз)

03 Октябрь 2015, 12:16:06
  • Новичок
  • *
  • Сообщений: 20
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день
Подскажите как :
1 Создать такие иконки
2 Как их добавить в текст
Образец на фото.  СПС.
03 Октябрь 2015, 12:23:56
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 86458
  • Репутация: +25418/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Создают иконки, шрифты с иконками в графических редакторах.
На сайт добавляют правилами стилей. В вашем примере class="icon-phone"
2 способа добавить иконку, используя фон
background: url(myicon.png) no-repeat 0 0;или шрифт (можно использоывать готовы, можно создать свой)
.icon-phone::before {
    content: "код иконки в шрифте";
}
08 Октябрь 2015, 16:25:04
Ответ #2
  • Новичок
  • *
  • Сообщений: 20
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Можно про первый способ подробнее.
08 Октябрь 2015, 16:56:56
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33043
  • Репутация: +26761/-0
    • Просмотр профиля
Создаете иконку, закачиваете на сервер, в стилях указываете путь к этой иконке
.my-icon-phone {
    background: url(myicon.png) no-repeat 0 0;
}
в шаблоне добавляте блочный элемент с этим классом.
Хороший сайт по html и css - http://htmlbook.ru/