أثبت وجودك لا تقرأ وترحل



ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو

بسم الله الرحمن الرحيم الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما...

احصائياتى

الردود
4

المشاهدات
2178
shqawe
.:: مطور XenForo ::.
  • shqawe is just really niceshqawe is just really niceshqawe is just really niceshqawe is just really nice

  • shqawe غير متواجد حالياً

المشاركات
230

+التقييم
80

تاريخ التسجيل
Oct 2019

الاقامة
K.S.A

نظام التشغيل
Linux

رقم العضوية
2101
03-22-2020, 05:37 PM
المشاركة 1
03-22-2020, 05:37 PM
المشاركة 1
افتراضي طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو
بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم

اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما،

اقدم لكم اليوم طريقة اظهار واخفاء الشريط الجانبي في نسخ xenforo وكان هناك طلب لاحد الاعضاء يسأل عن الطريقة فاحببت ان افيد بها الجميع ولا نريد سوى الدعاء لنا ولوالدينا

بسم الله نبدأ :
التعديل سوف يكون على قالب PAGE_CONTAINER نفتح القالب ومن ثم نبحث عن:
كود PHP:
<div class="p-body-main 
ونضيف فوقة هالكود:
كود PHP:
<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
ونبحث عن هذا الكود
كود PHP:
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}"
ونستبدله بهذا الكود:

كود PHP:
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}{{ !is_toggled('xensidebarCollapse') ? ' xy_default' : '' }}"

ثم نقوم باضافة هذه الاكواد في قالب extra.less مع امكانية تغييرها حسب ما تريد
كود PHP:

.sidebar-btn{
    
background:#fff;
    
padding1px 7px;
    
font-size16pt;
    
color:#4bcbdf;
    
border1px solid #d4d4d4;
    
border-radius3px;
    
line-height28px;
    
    &:
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 {
        
width100%;
        
max-width100%;
        
padding-right0;
    }

    .
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 {
        
width0;
        
height0;
        
opacity0;
        
overflowhidden;
        
displaynone;
    } 
وان شاء الله ان اسعفني الوقت بعد الانتهاء من بعض الطلبات التي لدي سوف اقوم بعمل اضافة خاصة تقوم بنفس العمل لاخواننا الذي لايملكون خبرة في مجال اللعب مع الاكواد

ان اصبت فهذا من فضل الله علي وان اخطأت فجل من لايخطأ

تقبلوا احترامي وتقديري
اخوكم
شقاوي


التعديل الأخير تم بواسطة shqawe ; 08-09-2024 الساعة 08:09 PM
قديم 03-22-2020, 06:49 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
الله يزيدك من علمه

احسنت اخى

والله الواحد مالهوش نفس لا اى شى فى هذه الظروف

قديم 03-22-2020, 07:11 PM
المشاركة 3
shqawe
.:: مطور XenForo ::.
  • shqawe غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
اللهم امين واياك يالغالي



والله انك صادق اخوي ابو كريم لكن ان شاء الله ربي كريم وراح يرفع عن الامة الاسلامية هذا الوباء وتعود المياة لمجاريها

قديم 03-26-2020, 03:35 AM
المشاركة 4
ahmedkhalifa
.:: عضو مشارك ::.
  • ahmedkhalifa غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
مبدع حفظك الله ياغالي

هل من ممكن طريه او كود لتمديد المنتدي تلقائي


بدون م اضغط هون

قديم 07-22-2024, 10:24 PM
المشاركة 5
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو
UP
UP
UP
>

اضافة رد

العلامات المرجعية

طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة اظهار الشريط الجانبي او اخفائه لمنتديات الزين فورو
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ 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




الساعة الآن 01:54 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum