Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

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

pavel durov

pavel durov

Апр
499
258
Пользователь
Код: 
.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

pavel durov

Апр
499
258
Пользователь
Joker_Mayorov написал(а):
Код: 
.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
 
Sponzhik

Sponzhik

Июн
3,489
3,250
Профессионал
OFFTOP

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

 
pavel durov

pavel durov

Апр
499
258
Пользователь
Lugunika написал(а):
OFFTOP

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

Нажмите для раскрытия...
OFFTOP

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

 
Dev Cold

Dev Cold

Дек
381
64
Пользователь
Влад респач написал(а):
Не работает окрашивание
Нажмите для раскрытия...
Инструкция:

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

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

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

KeoFox

Июл
1,380
1,903
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Влад респач написал(а):
Не работает окрашивание
Нажмите для раскрытия...
OFFTOP


твои проблемы
ищи того кто сделает

 
Войдите или зарегистрируйтесь для ответа.
Сверху