Как сделать меню как у форума crmp.online?

[Vadim_Family]

Приветствую покажите как сделать вот точно также менюшку как у форума crmp.online?

Заранее спасибо

 

[Jzirt00]

Приветствую покажите как сделать вот точно также менюшку как у форума crmp.online?

Заранее спасибо

.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;
    }
}

.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;
    }
}

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

 

[Vadim_Family]

.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;
    }
}

.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;
    }
}

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

А куда вставлять в extra.less?

 

[JustAlex]

А куда вставлять в extra.less?

Да

 

[James_Erlin]

.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;
    }
}

.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;
    }
}

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

не ворк

 

[Kolpak]

не ворк

Посмотрите код элемента, там сразу будет понятно почему код не применился

 

[James_Erlin]

Посмотрите код элемента, там сразу будет понятно почему код не применился

id указал, не применился

 

[Kolpak]

id указал, не применился

Ссылку на форум

 

[James_Erlin]

Ссылку на форум

секу

https://forum-nightrussia.hgweb.ru/index.php

 

[James_Erlin]

Ссылку на форум

так что?

 

[Kolpak]

id указал, не применился

На всех указали id?

.canvas-style(НУЖЕН_ID; red; f071); // Правила форума
.canvas-style(НУЖЕН_ID; yellow; f51e; red); // Магазин форума

 

[James_Erlin]

На всех указали id?

.canvas-style(НУЖЕН_ID; red; f071); // Правила форума
.canvas-style(НУЖЕН_ID; yellow; f51e; red); // Магазин форума

Да

.canvas-style(forum_rules; red; f071); // Правила форума
.canvas-style(forum_shop; yellow; f51e; red); // Магазин форума

 

[Vadim_Family]

не ворк

Воркает

 

[Kolpak]

На всех указали id?

Да

.canvas-style(forum_rules; red; f071); // Правила форума
.canvas-style(forum_shop; yellow; f51e; red); // Магазин форума

В журнале ошибок нет никаких ошибок, которые жалуются на шаблон extra.less?

 

[Vadim_Family]

В журнале ошибок нет никаких ошибок, которые жалуются на шаблон extra.less?

OFFTOP

Колпак привет можешь дать стиль форума black russia? (Найти не могу чтото)

 

[Kolpak]

OFFTOP

Колпак привет можешь дать стиль форума black russia? (Найти не могу чтото)

OFFTOP

Привет, на нашем форуме никак не могу опубликовать нормальный, я бы сделал, но будет нарушение правил. Основа стиля - UI.X 2 Dark

 

[James_Erlin]

OFFTOP

Привет, на нашем форуме никак не могу опубликовать нормальный, я бы сделал, но будет нарушение правил. Основа стиля - UI.X 2 Dark

на пк не отображается

 

[Kolpak]

на пк не отображается

Этот код предназначен только для мобильной навигации. Если надо для обычной навигации, то код пришлю позже

 

[James_Erlin]

Этот код предназначен только для мобильной навигации. Если надо для обычной навигации, то код пришлю позже

хорошо, жду, и вопрос, как перенести навигацию наверх? как на crmp online?

 

[Kolpak]

хорошо, жду, и вопрос, как перенести навигацию наверх? как на crmp online?

А где она сейчас?