عرض مشاركة واحدة
احصائياتى

الردود
3

المشاهدات
2170
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
02-26-2018, 09:41 PM
المشاركة 1
02-26-2018, 09:41 PM
المشاركة 1
افتراضي طريقة اخفاء واظهار بيانات العضو بالمواضيع والمشاركات الزين فورو الجيل الثانى
السلام عليكم ورحمه الله وبركاته
طبعا منذ يومين قد قمت بطرح موضوع مشابه له من ناحية الاظهار واخفاء البيانات ستجدوه هنا طريقة اخفاء واظهار معلومات العضو الاضافية بالمواضيع والمشاركات بس الامر ليس كان بالاحترافية المطلوبه حيث الاحفاء والاظهار كان يتم بمرور الماوس اى انهه عند انحراف الماوس او ابتعادها عن المنطقه المطلوب فيها اظهار البيانات سريعا تحتفى اليوم كود جميل سيجعل الاظهار والاحفاء من خلال الضغط.
[اسم الشرح] : طريقة اخفاء واظهار بيانات العضو بالمواضيع والمشاركات الزين فورو الجيل الثانى
[التوافق] : متوافق مع جميع النسخ الجيل الثانى حتى تاريخ النشر 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://xenforo.com/community/threads/collapsible-user-extras.142994/