Панель навигации форума подскажите пожалуйста

[Qqwer Hosms]

Как сделать такую же панель

Форум: https://forum.crmpbest.online/index.php (не реклама)

Будет ставиться на форум от проекта blezz Russia стиль есть на этом форуме.

Заранее благодарю)

 

[Kolpak]

// #### offCanvasMenu LinkHolders Icons ####

.offCanvasMenu-link::before {
    .m-faBase();
    padding-right: 6px;
}
.offCanvasMenu-link[href*="login"]::before {
    .m-faContent(@fa-var-sign-in, 1em);
}
.offCanvasMenu-link[href*="register"]::before {
    .m-faContent(@fa-var-user-circle, 1em);
}
.offCanvasMenu-link[data-nav-id="home"]::before {
    .m-faContent(@fa-var-home, 1em);
}
.offCanvasMenu-link[data-nav-id="forums"]::before {
    .m-faContent(@fa-var-comments, 1em);
}
.offCanvasMenu-link[data-nav-id="whatsNew"]::before {
    .m-faContent(@fa-var-bolt, 1em);
}
.offCanvasMenu-link[data-nav-id="members"]::before {
    .m-faContent(@fa-var-users, 1em);
}
.offCanvasMenu-link[data-nav-id="xfmg"]::before {
    .m-faContent(@fa-var-picture-o, 1em);
}
.offCanvasMenu-link[data-nav-id="xfrm"]::before {
    .m-faContent(@fa-var-download, 1em);
}

// #### offCanvasMenu Links Icons ####

.offCanvasMenu-link::before {
    .m-faBase();
}
.offCanvasMenu-link[data-nav-id="newPosts"]::before {
    .m-faContent(@fa-var-fire, 2em);
}
.offCanvasMenu-link[data-nav-id="findThreads"]::before {
    .m-faContent(@fa-var-comment, 2em);
}
.offCanvasMenu-link[data-nav-id="yourThreads"]::before {
    .m-faContent(@fa-var-comments, 2em);
}
.offCanvasMenu-link[data-nav-id="contributedThreads"]::before {
    .m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="unansweredThreads"]::before {
    .m-faContent(@fa-var-comment-o, 2em);
}
.offCanvasMenu-link[data-nav-id="watched"]::before {
    .m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedThreads"]::before {
    .m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedForums"]::before {
    .m-faContent(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="searchForums"]::before {
    .m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="markForumsRead"]::before {
    .m-faContent(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewPosts"]::before {
    .m-faContent(@fa-var-file-text-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewNewMedia"]::before {
    .m-faContent(@fa-var-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewMediaComments"]::before {
    .m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmNewResources"]::before {
    .m-faContent(@fa-var-download, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewProfilePosts"]::before {
    .m-faContent(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewNewsFeed"]::before {
    .m-faContent(@fa-var-rss, 2em);
}
.offCanvasMenu-link[data-nav-id="latestActivity"]::before {
    .m-faContent(@fa-var-clock-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewMedia"]::before {
    .m-faContent(@fa-var-bolt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewComments"]::before {
    .m-faContent(@fa-var-comments-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgAddMedia"]::before {
    .m-faContent(@fa-var-plus-square, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourContent"]::before {
    .m-faContent(@fa-var-file-image-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourMedia"]::before {
    .m-faContent(@fa-var-file-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourAlbums"]::before {
    .m-faContent(@fa-var-file-picture-o, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedContent"]::before {
    .m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedMedia"]::before {
    .m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedAlbums"]::before {
    .m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedCategories"]::before {
    .m-faContent(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgSearchMedia"]::before {
    .m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgMarkViewed"]::before {
    .m-faContent(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmLatestReviews"]::before {
    .m-faContent(@fa-var-star, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmYourResources"]::before {
    .m-faContent(@fa-var-cloud-download, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatched"]::before {
    .m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedResources"]::before {
    .m-faContent(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedCategories"]::before {
    .m-faContent(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmSearchResources"]::before {
    .m-faContent(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="currentVisitors"]::before {
    .m-faContent(@fa-var-users, 2em);
}
.offCanvasMenu-link[data-nav-id="newProfilePosts"]::before {
    .m-faContent(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="searchProfilePosts"]::before {
    .m-faContent(@fa-var-commenting, 2em);
}