شرح طي وفتح معلومات المستخدم الإضافية

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

سأدعم الأنماط الافتراضية فقط، لن يتم تقديم دعم لأنماط الطرف الثالث. بالإضافة إلى ذلك، إذا كنت تستخدم نمط Pixel Exit فهذه الميزة مدمجة بالفعل في كل نمط. :p

القالب: post_macros​


بحث عن:
HTML:
<xf:macro template="message_macros" name="user_info" arg-user="{post.User}" arg-fallbackName="{post.username}" arg-dateHtml="{dateHtml}" arg-linkHtml="{linkHtml}" />

أضف أدناه:
HTML:
<span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-target="#js-post-{$post.post_id} .message-userExtras"></span>

القالب: message_macros​


بحث عن:
كود:
<div class="message-userExtras">

استبدل بـ:
HTML:
<div class="message-userExtras message-userExtras-body message-userExtras--collapsible">

أضف إلى قالب extra.less​


Less:
/* User Extras Collapse */
.message-userExtras-body
{
.m-listPlain();

&.message-userExtras--collapsible
{
    .has-no-js & { display: block; }

    .m-transitionFadeDown();
}


}

.message-cell
{
.collapseTrigger
{
text-align: center;
    &.is-active:before
    {
        transform: rotate(-180deg);
    }
    &:before
    {
        content: "\f13a";
        color: @xf-linkColor;
        transition: ease-in transform .3s;
        width: auto;
    }
    &.collapseTrigger--block:before
    {
        float: none;
    }
}

}
@media (max-width: @xf-responsiveNarrow)
{
.message-cell
{
.collapseTrigger
{
display: none;
}
}
}

حقوق النشر - كود نت
 

المرفقات

  • IMG_8824.gif
    IMG_8824.gif
    24.7 KB · المشاهدات: 1
معلومات البادئة شروحات - Explanations · codeNET ·
تغير شكل مجموعات المستخدمين شروحات - Explanations · codeNET ·
codeNET فهم تجربة المستخدم شروحات - Explanations · codeNET ·
طي اقسام المنتدى شروحات - Explanations · codeNET ·
إضافة رتبة PNG لمجموعات المستخدمين شروحات - Explanations · codeNET ·
عودة
أعلى أسفل