شرح عرض صورة غلاف الموضوع في قائمة الموضوعات

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء

عرض صورة غلاف الموضوع في قائمة الموضوعات​


الوصف​

سيأخذك هذا الدليل عبر خطوات عرض صورة غلاف الموضوع في قائمة الموضوعات. سيستخدم أول صورة في موضوعك، سواء كانت مرتبطة مباشرة أو مرفقة. إذا لم يكن الموضوع يحتوي على صورة غلاف، فسيستخدم الصورة الرمزية لمنشئ الموضوع.

الدليل​


  • []اذهب إلى لوحة تحكم المشرف > المظهر > القوالب > ابحث عن: thread_list_macros
    []اذهب إلى لوحة تحكم المشرف > المظهر > القوالب > ابحث عن: extra.less

تفاصيل الخطوة 1​


بحث عن:
كود:
<xf:avatar user="thread.User" size="s" defaultname="{thread.username}" />

استبدل بـ:
كود:
<xf:if is="thread.cover_image">
<a href="{{ link('threads' . ((thread.isUnread() AND !$forceRead) ? '/unread' : ''), thread) }}" class="structItem-cell structItem-cell--icon search_articles_thread" style="background-image: url('{thread.cover_image}')"> </a>
<xf:else />
<xf:avatar user="thread.User" size="s" defaultname="{thread.username}" />
</xf:if>

تفاصيل الخطوة 2​


الصق في أعلى extra.less

CSS:
.search_articles_thread {
border-radius: 50%;
width: 36px !important;
height: 36px;
display: inline-block;
background-position: center;
background-size: cover;
overflow:hidden;
}
IMG_9213.jpeg
حقوق النشر - كود نت
 
بــــــــــ الله فيك ـــــــــارك
 
اضافة عنوان الموضوع في مسارات تنقل كاملة شروحات - Explanations · codeNET ·
تغير شكل ايقونات مشاركة الموضوع شروحات - Explanations · codeNET ·
كيفية اضافة زر الرد داخل الموضوع شروحات - Explanations · codeNET ·
عودة
أعلى أسفل