XF 2.0 و XF 2.1 - اضافة ضبابية على المشاركات والردود ومنع الزوار من الاطلاع عليها | زين العربية | XenArabia

XF 2.0 و XF 2.1 اضافة ضبابية على المشاركات والردود ومنع الزوار من الاطلاع عليها

Wolf Knight

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
304
مستوى التفاعل
190
النقاط
43
مرحبا جماعة

اضافة بسيطة عن طريق اضافة كود لاضافة ضبابية على المشاركات والردود في المنتدى على الزوار حتى التسجيل الجديد او تسجيل الدخول.

الطريقة كالتالي:

افتح قالب: Extra.less واخره قم باضافة الكود التالي:

CSS:
#XF[data-logged-in="false"] {
    .block--messages {
        .message-content {
            -webkit-filter: blur(4px);
            -moz-filter: blur(4px);
            -ms-filter: blur(4px);
            -o-filter: blur(4px);
            filter: blur(4px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
    }
}
احفظ القالب.
انتهى

مثال:

1562266180354.png
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
2,379
مستوى التفاعل
1,552
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
طريقة جميلة يعني ممكن الزائر يعتقد ان بصره راح :p
تسلم أخي @SAEED M SALLAM على الطرح
 

bousaid

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
101
مستوى التفاعل
182
النقاط
43
مميزة .. بارك الله فيك
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
673
مستوى التفاعل
572
النقاط
93
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
ههههههه الله جميلة جدا وأعجبتني صراحتا
جزيل الشكر لك أخي الحبيب تم التركيب
صراحتا هي تغني عن كثيييييييير
 

shqawe

راعي الطيب .. بعيد الهقاوي
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,116
مستوى التفاعل
969
النقاط
113
الإقامة
K.S.A
بارك الله فيك على الاضافة الطيبة اخوي @SAEED M SALLAM

وننتظر منك المزيد الله يحفظك

احترامي وتقديري
اخوك
شقاوي
 

Wolf Knight

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
304
مستوى التفاعل
190
النقاط
43
اسعدني مروركم المميز والعطر
دمتم بخير
 

AbuMaryam

:: الأعضاء ::
إنضم
30 يناير 2020
المشاركات
4
مستوى التفاعل
0
النقاط
1
بارك الله فيك
شرح ممتاز و اضافة مميزة

ولاكن عندي سؤال ان امكن
هل هذة لاضافة تؤثر على نظرة جوجل و العناكب تجاة الموضوع ؟
يعني ممكن تأثر على الارشفة في جوجل ولا لاء
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
673
مستوى التفاعل
572
النقاط
93
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
بارك الله فيك
شرح ممتاز و اضافة مميزة

ولاكن عندي سؤال ان امكن
هل هذة لاضافة تؤثر على نظرة جوجل و العناكب تجاة الموضوع ؟
يعني ممكن تأثر على الارشفة في جوجل ولا لاء
مطلقا أخي الكريم لن تؤثر أبدا
فهي مجرد وضع ضباب لوني ليس له أي علاقة بجوجل
تحياتي لك
 

QATFX

:: الأعضاء ::
إنضم
29 يناير 2020
المشاركات
30
مستوى التفاعل
8
النقاط
8
العمر
43
الإقامة
KSA
الموقع الالكتروني
هل بالامكان التعديل على الكود وجعله في المشاركة الاولى فقط اما باقي الردود في الموضوع يكون بشكل طبيعي
مع اضافةملاحظة لرؤية الموضوع يتوجب تسجيل الدخول او التسجيل

@shqawe
 

shqawe

راعي الطيب .. بعيد الهقاوي
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,116
مستوى التفاعل
969
النقاط
113
الإقامة
K.S.A
هل بالامكان التعديل على الكود وجعله في المشاركة الاولى فقط اما باقي الردود في الموضوع يكون بشكل طبيعي
مع اضافةملاحظة لرؤية الموضوع يتوجب تسجيل الدخول او التسجيل

@shqawe
الموضوع بسيط يالغالي بدل من الكود الموجود في الموضوع استخدم هذا الكود بداله في قالب extra.less

CSS:
.blur-message-content {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -ms-filter: blur(4px);
        -o-filter: blur(4px);
        filter: blur(4px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
ثم افتح قالب post_macro وابحث عن

HTML:
<div class="message-content js-messageContent">
واستبدله بهذا:

HTML:
<div class="message-content js-messageContent {{ $xf.visitor.user_id ? 'blur-message-content' : '' }}">
واضف تحت الكود السابق هذا الكود:

HTML:
<xf:if is="!$xf.visitor.user_id">
    <div class="error_unregister_users">
        يتوجب عليك تسجيل الدخول لرؤية الموضوع
    </div>
</xf:if>
طبعا ً بامكانك وضع هذا الكلاسerror_unregister_users داخل قالب extra.less

والتعديل عليه حسب حاجتك

احترامي وتقديري
اخوك
شقاوي
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
856
المشاركات
7,357
الأعضاء
306
آخر عضو مسجل
Azooz
أعلى