Решено Можете пожалуйста дать код

defeon · 16 Июн 2026

Привет, пожалуйста кто может дать код на меню с боку с лева чтобы кнопки светились, очень прошу

KotovSer · 16 Июн 2026

defeon написал(а):
Привет, пожалуйста кто может дать код на меню с боку с лева чтобы кнопки светились, очень прошу
Посмотреть вложение 24959

я не вижу

Kolpak · 16 Июн 2026

Less:

.offCanvasMenu--nav
{
    .offCanvasMenu-linkHolder
    {
        text-decoration: none;

        &:hover
        {
            background: fadeout(@xf-publicHeaderAdjustColor, 6%);
        }
    }
}

Цвет фона берется с Настройки стиля - Шапка и навигация - Настройка цвета "шапки". Можете этот код вставить в шаблон extra.less и указать свой цвет

Nikita_Manerov · 17 Июн 2026

Код:

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

Настройка:

Административаня Панель - extra.less(туда вставлять код)
дальше в узлы - добавить узел - страница

значение ставь любое но мое например MAGAZFORUMA

И в заголовке пиши Магазин Форума/Правила Форума

и убрать галочку "показывать в узлах"

дальше в навигацию и там добавляй все

damitz · 17 Июн 2026

Nikita_Manerov написал(а):
.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(НУЖЕН_ID; yellow; f51e; red); // Магазин форума
.canvas-style(НУЖЕН_ID; #f00; f071); // Правила форума

Настройка:

Административаня Панель - extra.less(туда вставлять код)
дальше в узлы - добавить узел - страница

значение ставь любое но мое например MAGAZFORUMA

И в заголовке пиши Магазин Форума/Правила Форума

и убрать галочку "показывать в узлах"

дальше в навигацию и там добавляй все

В след. раз в код вставляй

viovit · 17 Июн 2026

Nikita_Manerov написал(а):

Код:

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

Настройка:

Административаня Панель - extra.less(туда вставлять код)
дальше в узлы - добавить узел - страница

значение ставь любое но мое например MAGAZFORUMA

И в заголовке пиши Магазин Форума/Правила Форума

и убрать галочку "показывать в узлах"

дальше в навигацию и там добавляй все

причем тут это?

Nikita_Manerov · 17 Июн 2026

viovit написал(а):
причем тут это?

Ну ему же нужна цветная боковая панель

viovit · 17 Июн 2026

Nikita_Manerov написал(а):
Ну ему же нужна цветная боковая панель

ты используешь возможности своего мозга? похоже что нет

KeoFox · 17 Июн 2026

OFFTOP

РП ник в действии

Поиск

Welcome!

Решено Можете пожалуйста дать код

defeon

KotovSer

Kolpak

Nikita_Manerov

damitz

27

viovit

@viovit_dev

Nikita_Manerov

viovit

@viovit_dev

KeoFox