شرح منع معاينة وحفط الصور في الزين فورو - xenforo

[codeNET]

الحل الشامل: منع معاينة وحفظ الصور في XenForo عبر CSS فقط

لتحقيق أقصى درجات الحماية لصور موقعك ومنع المستخدمين من تحميلها أو فتحها عبر نافذة المعاينة (Lightbox) التي تظهر فيها أزرار التحميل، قمنا بدمج أفضل الخصائص التقنية في كود واحد متكامل. هذا الحل يعطل التفاعل مع الصور برمجياً دون الحاجة لإضافات معقدة.
الكود البرمجي المتكامل (يُوضع في قالب extra.less):

/* --- كود منع معاينة وحفظ الصور المتكامل - كود نت --- */
/* 1. منع النقر على الصور داخل المشاركات لتعطيل نافذة المعاينة Lightbox */
.message-body .bbImageWrapper {
pointer-events: none; /* تعطيل أي استجابة للنقر */
cursor: default;     /* تغيير شكل الماوس للسهم العادي */
}
/* 2. منع حفظ الصور، سحبها، أو ظهور قوائم الخيارات عليها */
.message-body img {
/* منع ظهور قائمة الحفظ عند الضغط المطول في الهواتف */
-webkit-touch-callout: none;
/* منع تحديد الصور */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* منع سحب الصورة بالماوس إلى سطح المكتب أو تبويب آخر */
-webkit-user-drag: none;
user-drag: none;
}
/* --- نهاية الكود --- */

ما الذي يقدمه لك هذا الكود؟

* إيقاف نافذة المعاينة: عند الضغط على الصورة، لن يفتح المتصفح نافذة الـ Lightbox، وبالتالي يختفي زر "Download" الافتراضي في زين فورو.
* منع القائمة اليمنى (ContextMenu): من خلال خاصية pointer-events، يصبح الزر الأيمن للماوس غير فعال فوق الصورة تماماً.
* حماية مستخدمي الموبايل: يمنع الكود ظهور نافذة "حفظ الصورة" التي تظهر لمستخدمي الأندرويد والآيفون عند الضغط المطول.
* منع السحب والإفلات: لن يتمكن المستخدم من سحب الصورة ووضعها في شريط العناوين أو حفظها على جهازه عن طريق السحب.

طريقة التركيب في منتدى كود نت:
1. من لوحة التحكم (ACP) > المظهر > القوالب.
2. ابحث عن القالب extra.less.
3. أضف الكود في نهاية الملف واحفظ التغييرات.

ملاحظة تقنية:
هذا الكود يستهدف الصور داخل "جسم المشاركة" فقط (.message-body) لضمان عدم تأثر أي أيقونات أو صور أخرى في واجهة المنتدى أو لوحة التحكم، مما يحافظ على استقرار تصفح الموقع.
Code Net - حماية المحتوى والتميز البرمجي