Welcome!

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

SignUp Now!

Ищу код на стилизацию мобильной навигации (offcanvas)

Dev_Wenvalbi

Dev_Wenvalbi

Июл
186
548
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
На ету навигацыю

...
 

Вложения

  • XRecorder_20260325_03.jpg
    XRecorder_20260325_03.jpg
    91.6 KB · Просмотры: 21
Решение
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...
Сортировка по дате Сортировка по голосам
KeoFox

KeoFox

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


эту*
навигацию*

навигация тебе в жизни не понадобится, а вот грамотность бесценна

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

Настройка:

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

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

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

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

дальше в навигацию и там добавляй все
 
Позитивный голос 1 Негативный голос
Решение
Dev_Wenvalbi

Dev_Wenvalbi

Июл
186
548
Пользователь
Joker_Mayorov написал(а):
Решение если помог
Нажмите для раскрытия...
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(НУЖЕН_ID; yellow; f51e; red); // Магазин форума
.canvas-style(НУЖЕН_ID; #f00; f071); // Правила форума

Настройка:

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

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

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

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

дальше в навигацию и там добавляй все
Нажмите для раскрытия...
Неробит
 
Позитивный голос 0 Негативный голос
Dev_Wenvalbi

Dev_Wenvalbi

Июл
186
548
Пользователь
Joker_Mayorov написал(а):
Удалите строки
Код: 
 .canvas-style(НУЖЕН_ID; yellow; f51e; red); // Магазин форума
.canvas-style(НУЖЕН_ID; #f00; f071); // Правила форума
и вставьте их отдельно
Нажмите для раскрытия...
Так работает но магазин и правила неа
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,904
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Dev_Wenvalbi написал(а):
Так работает но магазин и правила неа
Нажмите для раскрытия...
ищи себе тех.администратора уже наконец, все у него не работает
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху