Боковая панель | CRMP ONLINE

[krelix]

<div style="color: red; font-weight: bold; text-shadow: 1px 1px 10px red;"><span class="pravila-icon"></span><b>Правила форума</b></div>

<div style="color: yellow; font-weight: bold; text-shadow: 1px 1px 10px red;"><span class="shop-icon"></span><b>Магазин форума</b></div>

<div style="color: white; font-weight: bold; text-shadow: 1px 1px 10px white;">     <span class="home-icon"></span><b>Главная</b></div>

<div style="color: #ff8e00; font-weight: bold; text-shadow: 1px 1px 10px #ff8e00;"><span class="forumi-icon"></span><b>Форумы</b></div>

<div style="color: #54ff9f; font-weight: bold; text-shadow: 1px 1px 10px #54ff9f;"><span class="new-icon"></span><b>Новое</b></div>

<div style="background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif); color: transparent; -webkit-background-clip: text; background-clip: text; text-shadow: none;">      <span class="polzauser-icon"></span><b>Пользователи</b> </div>

 

[kolosik]

а куда втсалять это?

 

[Kolpak]

а куда втсалять это?

Никуда. Окрашивайте через Less, немного переделал код, чтобы тоже окрашивалось на ПК-версии:

.canvas-style(@canvas-id; @color; @fa-uid; @shadow: @color; @bg: false) when (@bg = false)
{
    .offCanvasMenu-link[data-nav-id="@{canvas-id}"]:before
    {
        .m-faBase(@weight: 900);
        content: "\@{fa-uid}";
        margin-right: 3px;
        color: @color;
    }

    .offCanvasMenu-link[data-nav-id="@{canvas-id}"]
    {
        font-weight: bold;
        color: @color !important;
        text-shadow: 1px 1px 10px @shadow;
    }

    .p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]
    {
        font-weight: bold;
        color: @color !important;
        text-shadow: 1px 1px 10px @shadow;
    }

    .p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]:before
    {
        .m-faBase(@weight: 900);
        content: "\@{fa-uid}";
        margin-right: 6px;
        color: @color !important;
    }
}

.canvas-style(@canvas-id; @color; @fa-uid; @shadow: @color; @bg: false) when not (@bg = false)
{
    .offCanvasMenu-link[data-nav-id="@{canvas-id}"]:before
    {
        .m-faBase(@weight: 900);
        content: "\@{fa-uid}";
        margin-right: 3px;
        color: transparent;
        background-image: url("@{bg}");
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: none;
    }

    .offCanvasMenu-link[data-nav-id="@{canvas-id}"]
    {
        font-weight: bold;
        color: transparent !important;
        background-image: url("@{bg}");
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: none;
    }

    .p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]
    {
        font-weight: bold;
        color: transparent !important;
        background-image: url("@{bg}");
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: none;
    }

    .p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]:before
    {
        .m-faBase(@weight: 900);
        content: "\@{fa-uid}";
        margin-right: 6px;
        color: transparent;
        background-image: url("@{bg}");
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: none;
    }

    .p-nav .p-navEl-link[data-nav-id="@{canvas-id}"] + .p-navEl-splitTrigger
    {
        color: transparent !important;
        background-image: url("@{bg}");
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: none;
    }
}

.canvas-style(home; white; f015);
.canvas-style(forums; #ff8e00; f15b);
.canvas-style(whatsNew; #54ff9f; f466);
.canvas-style(members; #fff; f466; #fff; "https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");

Инструкция по использованию кода: https://pawno-help.ru/threads/bokovaja-panel.9119/post-68170