شرح اضافة صورة صاحب الموضوع بجانب عنوان الموضوع في xenforo

[codeNET]

​

إضافة صورة صاحب الموضوع بجانب عنوان الموضوع في XenForo 2.1​

إذا كنت ترغب في تحسين مظهر صفحات المواضيع داخل منتدى XenForo وإضافة لمسة احترافية، يمكنك عرض صورة العضو صاحب الموضوع بجانب عنوان الصفحة بسهولة من خلال تعديل بسيط على القالب.

هذه الطريقة تم تجربتها على إصدار XenForo 2.1 وتعمل بشكل ممتاز، خصوصًا بعد توقف بعض الإضافات القديمة مثل إضافة XenTitleAvatar عن العمل في الإصدارات الحديثة.

مميزات التعديل​

• إظهار صورة صاحب الموضوع بجانب عنوان الصفحة.
• تحسين شكل عرض الموضوع داخل المنتدى.
• إضافة لمسة احترافية وتنسيق أجمل للعناوين.
• لا يحتاج إلى تركيب إضافة خارجية.
• خفيف جدًا ولا يؤثر على أداء المنتدى.

طريقة التركيب​

ادخل إلى لوحة تحكم المنتدى ثم توجه إلى:

Appearance > Templates

بعد ذلك افتح قالب:

thread_view

وابحث عن الكود التالي:

<li>
    <xf:fa icon="fa-clock" title="{{ phrase('start_date')|for_attr }}" />
    <span class="u-srOnly">{{ phrase('start_date') }}</span>

    <a href="{{ link('threads', $thread) }}" class="u-concealed">
        <xf:date time="{$thread.post_date}" />
    </a>
</li>

ثم أضف الكود التالي أسفله مباشرة:

<div class="XenKonuAvatarBG">
    <xf:avatar user="$thread.User" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>

إضافة أكواد CSS​

بعدها توجه إلى قالب:

extra.less

وأضف الكود التالي:

.XenKonuAvatarBG {
    float: left;
    margin-right: 8px;
    margin-top: -33px;
}

.p-title-value {
    margin-left: 5%;
}

ماذا يفعل هذا التعديل؟​

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

كما أن الكود المضاف داخل extra.less يقوم بضبط المحاذاة والمسافات حتى يظهر التصميم بشكل مرتب ومتوافق مع أغلب الاستايلات.

ملاحظات مهمة​

• يفضل أخذ نسخة احتياطية من القوالب قبل التعديل.
• قد تحتاج لتعديل قيم الهوامش حسب الاستايل المستخدم.
• في بعض الاستايلات قد تحتاج لتفريغ الكاش بعد الحفظ.
• التعديل متوافق مع أغلب استايلات XenForo 2.1.

الخلاصة​

إذا كنت تبحث عن طريقة بسيطة لإضافة صورة صاحب الموضوع بجانب العنوان بدون استخدام إضافات خارجية، فهذا التعديل يعتبر خيارًا ممتازًا وخفيفًا ويمنح منتداك مظهرًا أكثر احترافية وحداثة.

 

[for sat]

شكرا للموضوع الجميل

 

[ixGnTx]

شاكرلك

 

[masrysat.com]

بارك الله فيك

 

[BoElias]

شكراً لك