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

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

codeNET

Administrative
طاقم الإدارة
ادارة كود نت

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


الوصف​

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

الدليل​


  • []اذهب إلى لوحة تحكم المشرف > المظهر > القوالب > ابحث عن: 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
حقوق النشر - كود نت
 
عودة
أعلى أسفل