شرح منع حفظ الصور ومعاينة داخل المواضيع xenforo - سلسلة شروحات حفظ المحتوى

[مهدي حميد ✓]

السلام عليكم ..
ساضع بين ايدكم سلسله من 4 مواضيع لحفظ المحتوى والتمميز لمنتداك الشخصي ، من منع اي نقل او اخراج اي مصدر من منتداك * للتتميز بمحتواك البرمجي او الاخباري * لمنتديات الزين فورو بالتوافق مع جميع الاصدارات ..

ملاحظة تقنية ؛) :
في هذا السلسلة لماذا استخدمنا الاكواد ؟ بدلاً من اضافة كاملة وننهي الموضوع سرقة المحتوى ، وما الفرق بين الاضافة والاكواد البرمجية .

1. ان كُنا نستطيع حـل بعض الامور بالاكواد , فيجب دائمًا ان نستغني عن الاضافة ، لـن الاضافة تحاكي قاعدة البيانات والسيرفر ، وهذا يسبب استهلاك في موارد السيرفر .
2. الاضافات البرمجية غالبًا قد تفتح علينا بابنًا من الثغرات والاخطا في السيرفر ، قد يستغلها البعض لفتح ابواب داخل السيرفر وفصل الخدمة .

قبل ايام نشرنا > موضوع اضافة العلامة المائية على الصور . يجب تطبيق هذا الشرح لاضافة علامة مائية على الصور الخاصة بك .

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

الكود البرمجي المتكامل (يُوضع في قالب extra.less):

/* --- كود منع معاينة وحفظ الصور المتكامل - منتدى كود نت --- */

/* 1. استهداف الحاوية والطبقات الشفافة لمنع التكبير والمعاينة */
.message-body .bbImageWrapper, 
.message-body .bbImageWrapper img,
.message-body .js-lbImage {
    pointer-events: none !important; /* تعطيل أي نقرة مهما كان مصدرها */
    cursor: default !important;     /* منع تحول الماوس لشكل اليد */
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* 2. تعطيل قائمة الخيارات في المتصفحات واللمس المطول */
.message-body img {
    -webkit-touch-callout: none !important; /* للهواتف */
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* 3. إضافة طبقة حماية إضافية (اختياري لزيادة الأمان) */
.message-body .bbImageWrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: auto; /* هذه الطبقة ستستقبل النقرات بدلاً من الصورة */
}

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

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

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

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

اعداد بواسطة : مهدي حميد : يُمنع النقل دون ذكر الاعداد والمصدر .