[ XF 2.2 ] اضافة ضبابية على المشاركات والردود ومنع الزوار من الاطلاع عليها للنسخ 2.2

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم

اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما،

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

والطريقة اﻻساسية هي من تقديم اخونا @Wolf Knight مشكورا وجزاه الله الف خير على هذه الاضافة

بسم الله نبدأ الشرح

نقوم بفتح قالب post_macros ونبحث عن هذا الكود


HTML:
{{ bb_code($post.message, 'post', $post) }}


ونقوم باستبداله بهذا الكود

كود:
<div class="{{ (!$xf.visitor.user_id && $post.isFirstPost()) ? 'blur-message-content' : '' }}">
                {{ bb_code($post.message, 'post', $post) }}
            </div>
            
            <xf:if is="!$xf.visitor.user_id && $post.isFirstPost()">
                <div class="block blockMessage blockMessage--error blockVisitor">
                    يتوجب عليك
                    <a href="{{ link('login') }}" class=""
                            data-xf-click="overlay" data-follow-redirects="on">
                            <span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
                        </a>
                    او
                    <a href="{{ link('register') }}" class=""
                                data-xf-click="overlay" data-follow-redirects="on">
                                <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
                            </a>
                    
                    لروئية الموضوع
                </div>
            </xf:if>

ثم نحفظ عملنا ونقوم بفتح قالب 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;
}

.blockVisitor{
    margin-top: 1rem !important;
    a{
        color: @xf-linkColor !important;
    }
}

لتكون المحصلة النهائية بهذا الشكل

le-1.jpg

اتمنى التجربة وان شاء الله ان الكود يعمل بدون مشاكل

وان اصبت فهذا من فضل الله علي وان اخطأت فجل من ﻻ يخطأ

احترامي وتقديري
اخوكم
شقاوي
 
التعديل الأخير:

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
ما شاء الله عليك اخي تركي
شرح وافي و منسق و طريقة محببة خصوصا لمن لديهم منتديات لا يحب ان يطلع على محتواها الزوار
لكن لو فيه طريقة بحيث يتم قص جزء من الموضوع و الجزء الاخر يطبق عليه الضبابية
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
حياك الله حبيبي محمد

اتوقع ان الطريقة التي تريدها اخوي محمد تحتاج الى اضافة ﻻنك تحتاج احتساب عدد الحروف وبعدها تقسيمها النص الظاهر والنص المخفي

اما لمن اراد ان يقتص جزء من النص مع اضافة ضبابية على النص فبإمكانه استخدام هذه الكود بدل الكود الموجود في الموضوع

كود:
<div class="{{ (!$xf.visitor.user_id && $post.isFirstPost()) ? 'blur-message-content' : '' }}">
                <xf:if is="$xf.visitor.user_id">
                {{ bb_code($post.message, 'post', $post) }}
                <xf:else />
                    {{ bb_code($post.message|substr(0,100), 'post', $post) }}                   
                </xf:if>
            </div>
            
            <xf:if is="!$xf.visitor.user_id && $post.isFirstPost()">
                <div class="block blockMessage blockMessage--error blockVisitor">
                    يتوجب عليك
                    <a href="{{ link('login') }}" class=""
                            data-xf-click="overlay" data-follow-redirects="on">
                            <span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
                        </a>
                    او
                    <a href="{{ link('register') }}" class=""
                                data-xf-click="overlay" data-follow-redirects="on">
                                <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
                            </a>
                    
                    لروئية الموضوع
                </div>
            </xf:if>
 

النوميدي

:: الأعضاء ::
إنضم
3 أبريل 2020
المشاركات
203
مستوى التفاعل
138
النقاط
43
الإقامة
أرض الله
الموقع الالكتروني
السلام عليكم و رحمة الله
كيف حال الشباب... إن شاء الله تمام و في أحسن حال ... يا رب
أولا أشكر أخي شقاوي على الإضافة الجميلة ...

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

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
سلمت يمناك يا بطل

ويمينك حبيبي محمد

السلام عليكم و رحمة الله
كيف حال الشباب... إن شاء الله تمام و في أحسن حال ... يا رب
أولا أشكر أخي شقاوي على الإضافة الجميلة ...

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

اخوي @النوميدي اتمنى منك التوجة الى سجلات الاخطاء ومشاهدة الخطأ الذي يظهر هناك بسبب هذا التعديل

واتمنى ارفاق الخطأ لكي نرى ماهي المشكلة انا جربتها على الوكال وشغال بدون اي مشاكل

بانتظارك يالغالي
 

Wolf Knight

عضو معروف
[ عُملاء زين العَربية ]
إنضم
28 يناير 2019
المشاركات
505
مستوى التفاعل
312
النقاط
63
ابدعت اخي شقاوي كالعادة
دمت متألقاً
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
اشكرك اخوي سعيد والفكرة فكرتك بيض الله وجهك وجزاك خير الجزاء

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

القناص

:: الأعضاء ::
إنضم
23 سبتمبر 2020
المشاركات
62
مستوى التفاعل
55
النقاط
18
هلا الاستاد شقاوي ، هل بإمکان محرک البحث امثال جوجل و بینک ، قرائة الموضوع ؟
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
حياك الله اخوي @Mohammad Mz

حقيقة ﻻ استطيع ان اؤكد لك طريقة عمل جوجل وبينك فلكل موقع منهم طريقة لقرائة بيانات الموقع ولكن حسب معلوماتي البسيطة فجوجل تستخدم لغة الجافا سكربت في عناكب البحث حسب هذه المقالة


واذا كانت هذه هي الطريقة المستخدمة فاتوقع ان طريقة اضافة الضبابية ﻻ تؤثر على قرائة الموضوع ﻻن جوجل سوف يستخدم جافا المتصفح DOM لكي يقرأ محتوى الموضوع

ولكن ﻻ اجزم لك ان هذه الطريقة هي الطريقة الصحيحة ومن الممكن ان يصححو لي اخواني ان كنت مخطئا ً

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

القناص

:: الأعضاء ::
إنضم
23 سبتمبر 2020
المشاركات
62
مستوى التفاعل
55
النقاط
18
حياك الله اخوي @Mohammad Mz

حقيقة ﻻ استطيع ان اؤكد لك طريقة عمل جوجل وبينك فلكل موقع منهم طريقة لقرائة بيانات الموقع ولكن حسب معلوماتي البسيطة فجوجل تستخدم لغة الجافا سكربت في عناكب البحث حسب هذه المقالة


واذا كانت هذه هي الطريقة المستخدمة فاتوقع ان طريقة اضافة الضبابية ﻻ تؤثر على قرائة الموضوع ﻻن جوجل سوف يستخدم جافا المتصفح DOM لكي يقرأ محتوى الموضوع

ولكن ﻻ اجزم لك ان هذه الطريقة هي الطريقة الصحيحة ومن الممكن ان يصححو لي اخواني ان كنت مخطئا ً

احترامي وتقديري
اخوك
شقاوي
شکرا علی الرد
 

النوميدي

:: الأعضاء ::
إنضم
3 أبريل 2020
المشاركات
203
مستوى التفاعل
138
النقاط
43
الإقامة
أرض الله
الموقع الالكتروني
ويمينك حبيبي محمد



اخوي @النوميدي اتمنى منك التوجة الى سجلات الاخطاء ومشاهدة الخطأ الذي يظهر هناك بسبب هذا التعديل

واتمنى ارفاق الخطأ لكي نرى ماهي المشكلة انا جربتها على الوكال وشغال بدون اي مشاكل

بانتظارك يالغالي
هلا بالطيب...،
أعتذر عن الإطالة لأنني كنت مشغول بنقل الموقع
و أظن بعد الترقية كانت هناك مشاكل في القالب
مما اثر على تجربتي مع الكود و لم أرد حتى أتأكد أولا و أحل مشاكل القالب ثانيا
و أعود لأجرب من جديد ، فأعتذر مرة أخرى عن الإطالة في الجواب

تحياتي لأشخاصكم الكريمة
 

A.Jamal

:: الأعضاء ::
إنضم
23 فبراير 2021
المشاركات
64
مستوى التفاعل
15
النقاط
8
أشكرك اخ شقاوي على الموضوع, دائماً مبدع.

سؤال: هل الاضافه تأثر سلباً على محركات البحث؟ كونها تخفي النصوص!
 

A.Jamal

:: الأعضاء ::
إنضم
23 فبراير 2021
المشاركات
64
مستوى التفاعل
15
النقاط
8
هلا بالطيب..،
لا طبعا فهي مجرد أكواد فقط ..
موفق..،
الطيب انت عزيزي النوميدي اشكرك عالرد.
بعض الاكواد قد تمنع محركات البحث من الوصول للمحتوى المخفي.

حياك الله اخوي @Mohammad Mz

حقيقة ﻻ استطيع ان اؤكد لك طريقة عمل جوجل وبينك فلكل موقع منهم طريقة لقرائة بيانات الموقع ولكن حسب معلوماتي البسيطة فجوجل تستخدم لغة الجافا سكربت في عناكب البحث حسب هذه المقالة


واذا كانت هذه هي الطريقة المستخدمة فاتوقع ان طريقة اضافة الضبابية ﻻ تؤثر على قرائة الموضوع ﻻن جوجل سوف يستخدم جافا المتصفح DOM لكي يقرأ محتوى الموضوع

ولكن ﻻ اجزم لك ان هذه الطريقة هي الطريقة الصحيحة ومن الممكن ان يصححو لي اخواني ان كنت مخطئا ً

احترامي وتقديري
اخوك
شقاوي
الاخ شقاوي يشكر على جهده المبذول الذي يقدمه للمنتدى...
ياريت كلمة الفصل والكلام الاكيد, هل هذا الكود يأثر سلباً على محركات البحث؟


دمتم بصحه وعافيه,
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
بصفة عامة أخي @A.Jamal غير محبب اخفاء المحتوى لانها ستمنع عناكب جوجل من اكتشاف المحتوى وستعتبره مغلقا وبالتالي عدم فهرسته.

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

A.Jamal

:: الأعضاء ::
إنضم
23 فبراير 2021
المشاركات
64
مستوى التفاعل
15
النقاط
8
اهلا اخي ابوغيث, بالتاكيد كلامك صحيح.
لكن الاخ شقاوي لمح في كلامه على ان هذه الاضافه لن تاثر على جوجل.
واذا كانت هذه هي الطريقة المستخدمة فاتوقع ان طريقة اضافة الضبابية ﻻ تؤثر على قرائة الموضوع ﻻن جوجل سوف يستخدم جافا المتصفح DOM لكي يقرأ محتوى الموضوع

ولكن ﻻ اجزم لك ان هذه الطريقة هي الطريقة الصحيحة ومن الممكن ان يصححو لي اخواني ان كنت مخطئا ً
لذالك ان حبيت ان اتاكد فقط.

شكرا لكل من شارك و رد.
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني
الطيب انت عزيزي النوميدي اشكرك عالرد.
بعض الاكواد قد تمنع محركات البحث من الوصول للمحتوى المخفي.


الاخ شقاوي يشكر على جهده المبذول الذي يقدمه للمنتدى...
ياريت كلمة الفصل والكلام الاكيد, هل هذا الكود يأثر سلباً على محركات البحث؟


دمتم بصحه وعافيه,
لن يؤثر أخي على الإطلاق
ولو تريد دليل دامغ
قم بتحديد كل محتوى الصفحة بالضغط على ctrl+a وضعه في txt وستجد النص دون مشكلة
أيضا اضغط ctrl+u لعرض السورس الخاص بالصفحة وستجد الموضوع وكل نصوصه دون مشكلة
الموضوع كله عبارة عن تعتيم للنص بالcss وليس فيه أي شيء على الإطلاق
 

A.Jamal

:: الأعضاء ::
إنضم
23 فبراير 2021
المشاركات
64
مستوى التفاعل
15
النقاط
8
لن يؤثر أخي على الإطلاق
ولو تريد دليل دامغ
قم بتحديد كل محتوى الصفحة بالضغط على ctrl+a وضعه في txt وستجد النص دون مشكلة
أيضا اضغط ctrl+u لعرض السورس الخاص بالصفحة وستجد الموضوع وكل نصوصه دون مشكلة
الموضوع كله عبارة عن تعتيم للنص بالcss وليس فيه أي شيء على الإطلاق

احسنت واجدت اخي @MesterPerfect
هذا الذي كنت اريد التاكد منه...

لك جزيل الشكر.
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني

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

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

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

المواضيع
2,082
المشاركات
21,949
الأعضاء
977
آخر عضو مسجل
rfab
أعلى