هيلبرنت | Helpernt - [XF 2.x] : طريقة اخفاء واظهار بيانات العضو بالمواضيع والمشاركات الزين فورو الجيل الثانى

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

طبعا منذ يومين قد قمت بطرح موضوع مشابه له من ناحية الاظهار واخفاء البيانات ستجدوه هنا طريقة اخفاء واظهار معلومات العضو الاضافية بالمواضيع والمشاركات بس الامر ليس كان بالاحترافية المطلوبه حيث الاحفاء والاظهار كان يتم بمرور الماوس اى انهه عند انحراف الماوس او ابتعادها عن المنطقه المطلوب فيها اظهار البيانات سريعا تحتفى اليوم كود جميل سيجعل الاظهار والاحفاء من خلال الضغط.
[اسم الشرح] : طريقة اخفاء واظهار بيانات العضو بالمواضيع والمشاركات الزين فورو الجيل الثانى
[التوافق] : متوافق مع جميع النسخ الجيل الثانى حتى تاريخ النشر XF 2.0.1
الشرح:
-ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو post_macros ابحث بداخله عن هذا الكود

كود:

<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}" arg-fallbackName="{$post.username}" arg-dateHtml="{$dateHtml}" arg-linkHtml="{$linkHtml}" />

-اضف اسفله عذا الكود

كود:

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

- قم باستبداله بالكود الاتى

كود:

<div class="message-userExtras message-userExtras-body message-userExtras--collapsible">

- ثم قم بالحفظ
-ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو extra.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;

        }

    }

}

النتيجة

https://www.helpernt.com/vb/attachme...1&d=1519670417

المصدر:

كود:

https://xenforo.com/community/threads/collapsible-user-extras.142994/