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

[عابر سبيل]

السلام عليكم
قد طلبت هذا الأمر كثيرا لكن لم أجد له تلبية
وقد نشرته هنا أيضا لكن دون جدوى

XF 2.1 - View moderators and moderators in the forum such as VB

Hi What is the code to show the forum moderators and moderators? Example or I want to help I want the code Thank you in advance

xenforo.com

 

[shqawe]

وعليكم السلام اخوي @عابر سبيل

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

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

 

[عابر سبيل]

وعليكم السلام اخوي @عابر سبيل

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

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

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

 

[shqawe]

المعذرة على التأخير اخوي @عابر سبيل

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

افتح قالب node_list_forum

وابحث عن:

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

واضف تحته:

<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

.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;
                      }
            }

    }
}

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

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

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

 

[عابر سبيل]

المعذرة على التأخير اخوي @عابر سبيل

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

افتح قالب node_list_forum

وابحث عن:

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

واضف تحته:

<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

.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]

تحت امرك اخوي @عابر سبيل

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

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

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

 

[عابر سبيل]

تحت امرك اخوي @عابر سبيل

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

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

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

تم الأمر وظبتت


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



هل ممكن ذلك؟

 

[shqawe]

ممكن تقدر تظهرها مثل ما تحب بس هل تريد اظهار الاسماء والا بنفس الطريقة عند مرور الماوس؟

 

[عابر سبيل]

ممكن تقدر تظهرها مثل ما تحب بس هل تريد اظهار الاسماء والا بنفس الطريقة عند مرور الماوس؟

إظهــار الأسماء
يكونوا ظاهرين مثل ال vb

 

[shqawe]

طيب تحت امرك اخوي @عابر سبيل

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

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

واضف تحتها

<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;

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

 

[عابر سبيل]

طيب تحت امرك اخوي @عابر سبيل

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

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

واضف تحتها

<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]

واياك يالغالي ما سوينا شيء طال عمرك

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

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

 

[عابر سبيل]

أريد أن أعمل مثل هذه الفاصـــــــلة

 

[shqawe]

استبدل الكود هذا

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

بهذا الكود

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

 

[عابر سبيل]

استبدل الكود هذا

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

بهذا الكود

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

بارك الله فيك
تم الأمـــــر
وأعتذر أكثرت عليك

 

[shqawe]

ويبارك في يالغالي وتحت امرك اخوي @عابر سبيل

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

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

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