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

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

shqawe

shqawe

ربي أشرح لي صدري
27 يونيو 2019
3,164
23
2,090
113
K.S.A
www.shqawe.net
بسم الله الرحمن الرحيم

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

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

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

والطريقة اﻻساسية هي من تقديم اخونا @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

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

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

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

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

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

كود: 
<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>
 
السلام عليكم و رحمة الله
كيف حال الشباب... إن شاء الله تمام و في أحسن حال ... يا رب
أولا أشكر أخي شقاوي على الإضافة الجميلة ...
جربتها للتو لكن عندي، لما أجرب الكود الأول مع رسالة التسجيل لا يقبل الكود..​
كود: 
عذراً! واجهنا بعض المشاكل.
عذراً! واجهنا بعض المشاكل. الرجاء المحاولة مرة أخرى لاحقاً. قد تكون المزيد من تفاصيل الخطأ في وحدة تحكم المتصفح.
​
 
XenArabia قال:
سلمت يمناك يا بطل
أنقر للتوسيع...

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

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

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

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

بانتظارك يالغالي
 
هلا الاستاد شقاوي ، هل بإمکان محرک البحث امثال جوجل و بینک ، قرائة الموضوع ؟
 
حياك الله اخوي @Mohammad Mz

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


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

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

احترامي وتقديري
اخوك
شقاوي
 
shqawe قال:
حياك الله اخوي @Mohammad Mz

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


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

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

احترامي وتقديري
اخوك
شقاوي
أنقر للتوسيع...
شکرا علی الرد
 
shqawe قال:
ويمينك حبيبي محمد



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

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

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

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

shqawe قال:
حياك الله اخوي @Mohammad Mz

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


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

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

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


دمتم بصحه وعافيه,
 
بصفة عامة أخي @A.Jamal غير محبب اخفاء المحتوى لانها ستمنع عناكب جوجل من اكتشاف المحتوى وستعتبره مغلقا وبالتالي عدم فهرسته.

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

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

شكرا لكل من شارك و رد.
 
A.Jamal قال:
الطيب انت عزيزي النوميدي اشكرك عالرد.
بعض الاكواد قد تمنع محركات البحث من الوصول للمحتوى المخفي.


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


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

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

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

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

المواضيع
1,666
المشاركات
18,685
الأعضاء
1,271
آخر عضو مسجل
Dabor Tech

مشاركة هذه الصفحة

أعلى