Иконка ресурса

[MMO] Verified Badge 2.2.1

Нет прав для скачивания
Как сделать, чтобы галочка становилась таким же цветом, как группа пользователя?
1632645347217.png
 
А как поменять просто цвет галочки?
 
Плагину не хватает отдельного своего класса для настроек стилей самой иконки.

Я делал так:


в файле Templater.php плагина добавил класс verif, которым уже можно работать отдельно от логина пользователя.

PHP:
<?php

namespace MMO\VerifiedBadge\XF\Template;

class Templater extends XFCP_Templater
{
    public function fnUsernameLink($templater, &$escape, $user, $rich = false, $attributes = [])
    {
        $response = parent::fnUsernameLink($templater, $escape, $user, $rich, $attributes);

        $userIsValid = ($user instanceof \XF\Entity\User);
        if (!$userIsValid)
        {
            $user = \XF::em()->find('XF:User', $user['user_id']);
        }

        if (isset($user['mvb_verified']) && $user['mvb_verified'] && is_string($response))
        {
            $icon = $this->app->options()->mvbVerifiedIcon;
            $response = str_ireplace($user['username'] . '</span>', $user['username'] . '<i class="fa--xf fa-fw ' . $icon . ' verif" data-offsetx="-8" data-xf-init="tooltip" data-original-title="' . \XF::phrase('mvb_tooltip_description', ['username' => $user['username'], true]) . '" ></i></span>', $response);
            $response = str_ireplace($user['username'] . '</a>', $user['username'] . '<i class="fa--xf fa-fw ' . $icon . ' verif" data-offsetx="-8"  data-xf-init="tooltip" data-original-title="' . \XF::phrase('mvb_tooltip_description', ['username' => $user['username'], true]) . '" ></i></a>', $response);
        }

        return $response;
    }
}

Теперь можно изменить цвета иконки

Затем в шаблонах в файле extra.less добавил уже использование данного класса:

.verif { color: #fff;}

Всё, теперь иконка белая
 
Последнее редактирование:
Less:
.username .fas.fa-fw.fa-check-circle::before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%0A%20%20%3Cpath%20fill%3D%22%2374A2D6%22%20d%3D%22M5.823%2014.822l-1.28.206a.824.824%200%200%201-.9-.52l-.463-1.212a.824.824%200%200%200-.476-.476l-1.212-.462a.824.824%200%200%201-.52-.9l.206-1.281a.824.824%200%200%200-.175-.65L.185%208.52a.824.824%200%200%201%200-1.04l.818-1.006a.824.824%200%200%200%20.175-.65L.972%204.542a.824.824%200%200%201%20.52-.9l1.212-.463a.824.824%200%200%200%20.476-.476l.462-1.212a.824.824%200%200%201%20.9-.52l1.281.206a.824.824%200%200%200%20.65-.175L7.48.185a.824.824%200%200%201%201.04%200l1.006.818a.824.824%200%200%200%20.65.175l1.281-.206a.824.824%200%200%201%20.9.52l.463%201.212c.084.22.257.392.476.476l1.212.462c.365.14.582.515.52.9l-.206%201.281a.824.824%200%200%200%20.175.65l.818%201.007a.824.824%200%200%201%200%201.04l-.818%201.006a.824.824%200%200%200-.175.65l.206%201.281a.824.824%200%200%201-.52.9l-1.212.463a.824.824%200%200%200-.476.476l-.462%201.212a.824.824%200%200%201-.9.52l-1.281-.206a.824.824%200%200%200-.65.175l-1.007.818a.824.824%200%200%201-1.04%200l-1.006-.818a.824.824%200%200%200-.65-.175z%22%2F%3E%0A%20%20%3Cpath%20stroke%3D%22%23FFF%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.755%208.252L7%2010.5l4.495-4.495%22%2F%3E%0A%3C%2Fsvg%3E");
}
Как в вк галочка стала
у меня не работает код почему-то :(
 
у меня не работает код почему-то :(
привет , попробуй в extra.less
Код:
.fa-check-circle:before{
content:"\00a0\00a0\00a0";
background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat 0;
display:inline;
position:relative;
}
 
привет , попробуй в extra.less
Код:
.fa-check-circle:before{
content:"\00a0\00a0\00a0";
background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat 0;
display:inline;
position:relative;
}
все равно не работает :(
 
привет , попробуй в extra.less
Код:
.fa-check-circle:before{
content:"\00a0\00a0\00a0";
background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E) no-repeat 0;
display:inline;
position:relative;
}
1632805723313.pngполучится
 
Должна быть дефолтная галочка, которая была...и она перекрасится как в вк. А у тебя изменена она на свое.
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу