[SVG] Панель пользователя (визитера)

[SVG] Панель пользователя (визитера)

Доброе утро, не отображаются цвета на версии 2.1 возможно ли как то исправить?
 
Как туда вначале перед текстом впихнуть FontAwesome иконки? Лучше спрошу, чтобы ничего не испортить) Подскажите люди добрые) Желательно скажите куда точно вставить и что -_- извиняюсь за такое..)
 
Как туда вначале перед текстом впихнуть FontAwesome иконки? Лучше спрошу, чтобы ничего не испортить) Подскажите люди добрые) Желательно скажите куда точно вставить и что -_- извиняюсь за такое..)

Самый лёгкий вариант:
HTML:
 <div class="stats">
            <div class="column">
                <div><i class="fas fa-comments"></i> {$xf.visitor.message_count|number}</div>
            </div>
            <div class="column">
                <div><i class="fas fa-heart"></i> {$xf.visitor.like_count|number}</div>
            </div>
            <div class="column">
                <div><i class="fas fa-trophy"></i> {$xf.visitor.trophy_points|number}</div>
            </div>
        </div>

P.S. Не забудьте подключить FA

Можно ещё сделать через CSS, для более деликатного кода.
 
Последнее редактирование:
Самый лёгкий вариант:
HTML:
 <div class="stats">
            <div class="column">
                <div><i class="fas fa-comments"></i> {$xf.visitor.message_count|number}</div>
            </div>
            <div class="column">
                <div><i class="fas fa-heart"></i> {$xf.visitor.like_count|number}</div>
            </div>
            <div class="column">
                <div><i class="fas fa-trophy"></i> {$xf.visitor.trophy_points|number}</div>
            </div>
        </div>

P.S. Не забудьте подключить FA

Можно ещё сделать через CSS, для более деликатного кода.
<xf:fa icon="fas fa-comments" />
Подключены) Спасибо мужики!)
 
Подскажите как аватары сделать квадратными?
 
Вот всегда говорю, что самое приятное самому понять и сделать всегда приятнее
 
решил убрать, удалил виджет и шарах досих пор весит эта карточка

Проблему решил.
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу