WebSite x5 форум Web мастеров

WebSite X5 => Общие вопросы => Тема начата: Serg от 06 Январь, 2019, 16:44:51 pm

Название: Как сделать кнопку с иконкой
Отправлено: Serg от 06 Январь, 2019, 16:44:51 pm
Добрый день, форумчане, не могу в "кнопку" (Animated Button) поставить "иконку" (Font Awesome Icons)
подскажите пожалуйста как,  если это возможно?
Название: Re: Как сделать кнопку с иконкой
Отправлено: vitmed от 07 Январь, 2019, 11:06:40 am
(https://i.ibb.co/wLgphvq/2019-01-07-104958.jpg) (https://ibb.co/7zCrt9D)

Используйте скрипт и стили:
<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 вашей кнопки

Код прописываем так....
(https://i.ibb.co/zHDtqBW/2019-01-07-110134.jpg) (https://ibb.co/fGLTjyV)

Название: Re: Как сделать кнопку с иконкой
Отправлено: Serg от 08 Январь, 2019, 11:58:16 am
Спасибо!!!