[ تم الحل ] - اظهار المشرفين والمراقبين لكل قسم | زين العربية

[ تم الحل ] اظهار المشرفين والمراقبين لكل قسم

الحالة
مغلق و غير مفتوح للمزيد من الردود.

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
السلام عليكم
قد طلبت هذا الأمر كثيرا لكن لم أجد له تلبية
وقد نشرته هنا أيضا لكن دون جدوى

 

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
وعليكم السلام اخوي @عابر سبيل

اعطني بعض الوقت وان شاء الله البي طلبك

احترامي وتقديري
اخوك
شقاوي
حياك الله الله يسعدك
منتظرين بشـــــــــوق
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
المعذرة على التأخير اخوي @عابر سبيل

وجدت لك الحل ولكن الحل عبارة عن تعديل على الاكواد فاتمنى ان تكون لك خبرة في ذلك او انتظر الى حين عمل اضافة خاصة بذلك

افتح قالب node_list_forum

وابحث عن:

HTML:
<xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>

واضف تحته:

HTML:
<xf:if is="$node.Moderators is not empty">
                <div class="node-extra-moderator">
                    <span><xf:fa icon="fa-users-cog" data-xf-init="tooltip" title="{{ phrase('moderators')}}" />
                        <ul class="moderator-menu">
                    <xf:foreach loop="$node.Moderators" value="$moderator">
                            <li><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></li>
                    </xf:foreach>
                    </ul>
                        </span>
                </div>
            </xf:if>

وافتح قالب node_list_category

وكرر نفس الخطوة السابقة بمعنى ابحث عن الاول واضف تحته الكود الثاني

ثم اضف هذا الكود في قالب extra.less

CSS:
.node-extra-moderator{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 13px;
    position: relative;
    width: 50px;
    span{
            i{
                font-size: 12pt;
                color:@xf-linkColor;
                cursor: pointer;
            }

        &:hover .moderator-menu{
            display: block;
        }
    
    
            .moderator-menu{
                display: none;
                position: absolute;
                top:21px;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                padding: 7px 16px;
                z-index: 1;
                list-style: none;
                transition: all .5s ease 0s;
                -webkit-transition: all .5s ease 0s;
                -moz-transition: all .5s ease 0s;
                -o-transition: all .5s ease 0s;

                    li{
                        padding: 5px 0;
                      }
            }

    }
}

طبعا ً انا وضعت المشرفين في قائمة منسدلة عند مرور الماوس تظهر القائمة ويبقى لك التعديل حسب ماتراه مناسب

واي سؤال حاضرين للغالين

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

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
المعذرة على التأخير اخوي @عابر سبيل

وجدت لك الحل ولكن الحل عبارة عن تعديل على الاكواد فاتمنى ان تكون لك خبرة في ذلك او انتظر الى حين عمل اضافة خاصة بذلك

افتح قالب node_list_forum

وابحث عن:

HTML:
<xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>

واضف تحته:

HTML:
<xf:if is="$node.Moderators is not empty">
                <div class="node-extra-moderator">
                    <span><xf:fa icon="fa-users-cog" data-xf-init="tooltip" title="{{ phrase('moderators')}}" />
                        <ul class="moderator-menu">
                    <xf:foreach loop="$node.Moderators" value="$moderator">
                            <li><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></li>
                    </xf:foreach>
                    </ul>
                        </span>
                </div>
            </xf:if>

وافتح قالب node_list_category

وكرر نفس الخطوة السابقة بمعنى ابحث عن الاول واضف تحته الكود الثاني

ثم اضف هذا الكود في قالب extra.less

CSS:
.node-extra-moderator{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 13px;
    position: relative;
    width: 50px;
    span{
            i{
                font-size: 12pt;
                color:@xf-linkColor;
                cursor: pointer;
            }

        &:hover .moderator-menu{
            display: block;
        }
   
   
            .moderator-menu{
                display: none;
                position: absolute;
                top:21px;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                padding: 7px 16px;
                z-index: 1;
                list-style: none;
                transition: all .5s ease 0s;
                -webkit-transition: all .5s ease 0s;
                -moz-transition: all .5s ease 0s;
                -o-transition: all .5s ease 0s;

                    li{
                        padding: 5px 0;
                      }
            }

    }
}

طبعا ً انا وضعت المشرفين في قائمة منسدلة عند مرور الماوس تظهر القائمة ويبقى لك التعديل حسب ماتراه مناسب

واي سؤال حاضرين للغالين

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

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
تحت امرك اخوي @عابر سبيل

وبالنسبة للاضافة اصلاً الفكرة قد صارت في الراس وباذن الله جاري تطبيقها بس شغال على اضافة اخلص منها وراح اعمل على هالاضافة

ولكن انت جرب الان الكود وشوف اذا اشتغل معك وضبط يصير الاضافة امرها سهل باذن الله

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

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
تحت امرك اخوي @عابر سبيل

وبالنسبة للاضافة اصلاً الفكرة قد صارت في الراس وباذن الله جاري تطبيقها بس شغال على اضافة اخلص منها وراح اعمل على هالاضافة

ولكن انت جرب الان الكود وشوف اذا اشتغل معك وضبط يصير الاضافة امرها سهل باذن الله

احترامي وتقديري
اخوك
شقاوي
تم الأمر وظبتت
1579165906863.png

لكن أريد إضهار المشرفين تحت وصف القسم هنا باللون الأزرق

1579165956149.png

هل ممكن ذلك؟
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
ممكن تقدر تظهرها مثل ما تحب بس هل تريد اظهار الاسماء والا بنفس الطريقة عند مرور الماوس؟
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
طيب تحت امرك اخوي @عابر سبيل

ابحث في نفس القوالب اللي فوق عن

HTML:
<xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                </xf:if>

واضف تحتها

HTML:
<xf:if is="$node.Moderators is not empty">
                    <div class="node-extra-moderator">
                        <xf:foreach loop="$node.Moderators" value="$moderator">
                                <span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>
                        </xf:foreach>
                    </div>
                </xf:if>

وعدل في خيارات ال css اللي في ملف extra اللي عطيتك فوق ابيك تحذف هالكود width: 50px;

جرب ورد لي خبر طال عمرك
 

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
طيب تحت امرك اخوي @عابر سبيل

ابحث في نفس القوالب اللي فوق عن

HTML:
<xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                </xf:if>

واضف تحتها

HTML:
<xf:if is="$node.Moderators is not empty">
                    <div class="node-extra-moderator">
                        <xf:foreach loop="$node.Moderators" value="$moderator">
                                <span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>
                        </xf:foreach>
                    </div>
                </xf:if>

وعدل في خيارات ال css اللي في ملف extra اللي عطيتك فوق ابيك تحذف هالكود width: 50px;

جرب ورد لي خبر طال عمرك
جزيت الخير كله نجحت
بس كيف أضيف فاصلة للفصل بين أسماء المراقبين؟
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
واياك يالغالي ما سوينا شيء طال عمرك

ضع الفاصلة بعد هذا الكود

HTML:
<span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
استبدل الكود هذا

HTML:
<span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>

بهذا الكود

HTML:
<span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>,
 

عابر سبيل

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
168
مستوى التفاعل
97
النقاط
28
الإقامة
تونس
استبدل الكود هذا

HTML:
<span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>

بهذا الكود

HTML:
<span><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></span>,
بارك الله فيك
تم الأمـــــر
وأعتذر أكثرت عليك :)
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,501
مستوى التفاعل
1,283
النقاط
113
الإقامة
K.S.A
ويبارك في يالغالي وتحت امرك اخوي @عابر سبيل

يسعدنا خدمتكم وتلبية طلباتكم

واسمح لي باغلاق الموضوع بما ان الاستفسار انتهى

احترامي وتقديري
اخوك
شقاوي
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
1,201
المشاركات
10,986
الأعضاء
466
آخر عضو مسجل
MBH
أعلى