Новости: Скидка 35% на WebSite X5
Друзья,приветствую вас на форуме посвященному программе WebSite X5, и прошу всех кто зарегистрировался написать первое сообщение в теме  Здравствуйте!!!,
для того что бы показать что вы не бот.

Автор Тема: Как сделать кнопку с иконкой  (Прочитано 970 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Serg

  • Начинающий
  • *
  • Сообщений: 11
  • Карма: 0
Как сделать кнопку с иконкой
« : 06 Январь, 2019, 16:44:51 pm »
Добрый день, форумчане, не могу в "кнопку" (Animated Button) поставить "иконку" (Font Awesome Icons)
подскажите пожалуйста как,  если это возможно?

Оффлайн vitmed

  • Новичок
  • *
  • Сообщений: 9
  • Карма: 4
Re: Как сделать кнопку с иконкой
« Ответ #1 : 07 Январь, 2019, 11:06:40 am »


Используйте скрипт и стили:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
$(function(){
  $('div#pluginAppObj_01 div.btn-tcdiv').addClass('fa fa-car');
});
</script>
<style>
div#pluginAppObj_01 div.btn-trdiv {
display: table-cell;
vertical-align: middle;
}
div#pluginAppObj_01 div.btn-tcdiv {
display: inline;
}
div#pluginAppObj_01 div.btn-tcdiv.fa.fa-car::before {
padding-right: 10px;
}
</style>

где "pluginAppObj_01" id вашей кнопки

Код прописываем так....



Оффлайн Serg

  • Начинающий
  • *
  • Сообщений: 11
  • Карма: 0
Re: Как сделать кнопку с иконкой
« Ответ #2 : 08 Январь, 2019, 11:58:16 am »
Спасибо!!!
« Последнее редактирование: 14 Март, 2019, 11:35:06 am от Serg »