Окрашивание Боковой Панели

[pavel durov]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

.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");
.canvas-style(magazin; yellow; f51e; red); // Магазин форума
.canvas-style(pravila; #f00; f071); // Правила форума

Инструкция:

Админ Панель - Extra.less(вставляем код)

дальше переходи в узлы создаем узел страница дальше вводим URL это айди пишите туда что угодно но должно быть например pravila,rulers,magazin,вообще пофиг

дальше переходим в навигацию и создаем новую навигацию под именем Правила Форума/Магазин Форума

 

[pavel durov]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

.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");
.canvas-style(magazin; yellow; f51e; red); // Магазин форума
.canvas-style(pravila; #f00; f071); // Правила форума

за место magazin и pravila ставьте свой id

 

[Spolzer]

OFFTOP

Мануал — это подробное руководство по использованию продукта, программы, оборудования или сервиса. В мануале описываются функции системы, правила работы с инструментом, а также пошаговые инструкции, которые помогают пользователю понять, как правильно пользоваться продуктом.
Чтобы выкладывать мануал, нужно давать инструкцию, а не просто код

 

[pavel durov]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

OFFTOP

Мануал — это подробное руководство по использованию продукта, программы, оборудования или сервиса. В мануале описываются функции системы, правила работы с инструментом, а также пошаговые инструкции, которые помогают пользователю понять, как правильно пользоваться продуктом.
Чтобы выкладывать мануал, нужно давать инструкцию, а не просто код

OFFTOP

я инструкцию дал але

 

[Spolzer]

OFFTOP

я инструкцию дал але

OFFTOP

Напишите её здесь тогда, а не переводите на другую тему

 

[pavel durov]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

OFFTOP

Напишите её здесь тогда, а не переводите на другую тему

OFFTOP

ok