المشاركات 212 |
+التقييم 75 |
تاريخ التسجيل Oct 2019 |
الاقامة K.S.A |
نظام التشغيل Linux |
رقم العضوية 2101 |
طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو
<div class="p-body-main
<div class="hide_sidebar">
<xf:if is="$sidebar">
<span id="collapse-side" class="sidebar-btn {{ !is_toggled('xensidebarCollapse') ? ' is-active' : '' }}"
data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie"
data-target=".p-body-main--withSidebar" data-storage-key="xensidebarCollapse">
</span>
</xf:if>
</div>
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
.sidebar-btn{
background:#fff;
padding: 1px 7px;
font-size: 16pt;
color:#4bcbdf;
border: 1px solid #d4d4d4;
border-radius: 3px;
line-height: 28px;
&:hover{
background: #4bcbdf;
color: #fff;
}// End hover sidebar-btn
&:before{
.m-faBase('Pro');
.m-faContent(@fa-var-arrow-square-left);
}// End before sidebar-btn
&.is-active:before{
.m-faBase('Pro');
.m-faContent(@fa-var-arrow-square-right);
color:#ce3451;
}// End is-active:before
} // End sidebar-btn tag
.p-body-main.p-body-main--withSidebar.is-active .p-body-content, .p-body-main.p-body-main--withSideNav.is-active .p-body-content {
width: 100%;
max-width: 100%;
padding-right: 0;
}
.p-body-main.p-body-main--withSidebar.is-active .p-body-sidebar, .p-body-main.p-body-main--withSideNav.is-active .p-body-sidebar, .p-body-main.p-body-main--withSidebar.is-active .p-body-sideNav, .p-body-main.p-body-main--withSideNav.is-active .p-body-sideNav {
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
display: none;
}
03-26-2020, 03:35 AM
رد: طريقة اظهار الشريط الجانبي او اخفائه
|
اضافة رد
|
طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| [ BBcode] : إخفاء الشريط الجانبي Sidebar | maaidni | ركن شروحات الزين فورو XENFORO | 4 | 07-22-2024 10:27 PM |
| [ شرح ] : حذف الأعضاء المتصلون الآن من الشريط الجانبي للزين فورو | abo-karim | ركن شروحات الزين فورو XENFORO | 3 | 03-25-2022 07:13 PM |
| إظهار آخر المشاركات و آخر المواضيع في الشريط الجانبي | هيلبرنت | اضافات الزين فورو XENFORO | 3 | 05-24-2019 12:58 PM |
| [XF 2.x] : طريقة اضافة صندوق الإعجاب الخاص بالفيس بوك في الشريط الجانبي | هيلبرنت | ركن شروحات الزين فورو XENFORO | 5 | 06-12-2018 04:16 AM |
| [XF 1.x Add] : هاك محول الشريط الجانبي Sidebar Switcher | هيلبرنت | اضافات الزين فورو XENFORO | 1 | 10-31-2017 08:35 PM |
