نحوه سفارشی سازی رنگ های نوار کناری

قالب مونو دو رنگ برای نوار کناری دارد: sidebar light و sidebar dark.

نوار کناری تیره

رنگ پیش‌فرض نوار کناری تیره است. می‌توانید با استفاده از کد زیر، از تصویر با رنگ تیره در sidebar dark استفاده کنید.


//Default Sidebar Dark
<aside class="sidebar-dark" id="left-sidebar"></aside>

//For image in sidebar
<aside class="sidebar-dark" id="left-sidebar" style="background-image:url(../assets/img/sidebar/sidebar-bg-04.jpg)"></aside>

نوار کناری روشن

کلاس sidebar-light را به <aside id="left-sidebar"> اضافه کنید و کلاس sidebar-light را حذف کنید .


//Sidebar Light
<aside class="sidebar-light" id="left-sidebar"></aside>

//For image in sidebar
<aside class="sidebar-light" id="left-sidebar" style="background-image:url(../assets/img/sidebar/sidebar-bg-04.jpg)"></aside>

نحوه سفارشی سازی موقعیت نوار کناری

مونو دارای دو موقعیت می باشد : navbar fixed و navbar static.

Sidebar Fixed

Sidebar fixed موقیعت پیش فرض می باشد.


//Sidebar Fixed
<body class="sidebar-fixed" id="body"></body>

Sidebar Static

کلاس sidebar-static را به <body id="body"> اضافه کنید و کلاس sidebar-fixedرا حذف کنید.


//Sidebar Static
<body class="sidebar-static" id="body"></body>

نحوه سفارشی‌سازی استایل ناوبری نوار کناری

مونو دارای 3 استایل ناوبری میباشد: expanded, minified, offcanvas.

Sidebar Expanded

نوار کناری گسترده، استایل ناوبری پیش‌فرض است.


//Sidebar Exapnded
<body class="sidebar-fixed" id="body"></body>

Sidebar Minified

کلاس sidebar-minified را به <body id="body"> اضافه کنید.


//Sidebar Static
<body class="sidebar-minified" id="body"></body>

Sidebar Offcanvas

برای sidebar fixed offcanvas کلاس sidebar-fixed-offcanvas sidebar-collapse را به <body id="body"> اضافه کنید و برای sidebar static offcanvas کلاس sidebar-static-offcanvas sidebar-collapse را به <body id="body">اضافه کنید.


//Sidebar Fixed Offcanvas
<body class="sidebar-fixed-offcanvas sidebar-collapse" id="body"></body>

//Sidebar Static Offcanvas
<body class="sidebar-static-offcanvas sidebar-collapse" id="body"></body>

نحوه حذف پاورقی از نوار کناری

نوار کناری به طور پیش‌فرض دارای یک پاورقی است. اگر می‌خواهید پاورقی را حذف کنید، باید کلاس sidebar-with-footer را از <div id="sidebar"> حذف کنید و کد HTML مربوط به پاورقی نوار کناری را درون نوارکناری حذف کنید.


//Sidebar
<div class="sidebar" id="sidebar"></div>

//Delete this Markup
<div class="sidebar-footer">
  <div class="sidebar-footer-content">
    <ul class="d-flex">
      <li>
        <a href="user-account-settings.html" data-toggle="tooltip" title="" data-original-title="Profile settings"><i
            class="mdi mdi-settings"></i></a></li>
      <li>
        <a href="#" data-toggle="tooltip" title="" data-original-title="No chat messages"><i
            class="mdi mdi-chat-processing"></i></a>
      </li>
    </ul>
  </div>
</div>

نوار ناوبری استایل