السلام عليكم ورحمة الله تعالى وبركاته
مرحباً بكم اخواني الكرام ^_^
قد وعدت أحد الأخوة بشرح إحدى الطرق لمنع أخذ الصورة من موقعك.. وطورت الفكرة لأن أعملها على حلقات كل أسبوع طريقة
- مقدمة:
- في البداية، أقول وباختصار.. ليست هناك أية طريقة تحول دون أخذ الزائر للصور التي يريدها من موقعك أو محتويات أخرى.. فمهما وضعت من أكواد JavaScript أو حيل او حركات سيتم كشفها فوراً وسيستطيع الزائر تخطّيها..
إذاً.. ليست هناك أي طريقة مضمونة 100% لمنع الزائر من أخذ الصور التي يريدها من موقعك..
إذاً فما فائدة هذه الأكواد والموضوع؟؟
باختصار.. كما ذكرت أننا لن نستطيع منع الزائر، لكن على الأقل، سنكون د صعّبنا عليه المهمة، وهناك الكثير من الناس يجهلون طرقاً كثيرة ولو كانت سهلة لتخطي هذه الأكواد أو تنطلي على كثير منهم هذه الحيل..
إذاً فهناك جدوى قليلة منها..
وسنبدأ من هذا الموضوع، بأفضل وأقوى هذه الحيل في رأيي وقد قال احد الأخوة أن موقع فليكر يستخدمها والله أعلم
- الحيلة:
فكرة هذه الحيلة باختصار.. هي وضع الصورة المراد عرضها في الخلفية بحيث تكون كـBackgrpund ونضع أمامها صورة شفافة، بحيث إن أراد الزائر أن ينزل الصورة سينزل الصورة الشفافة
(سأقوم بشرح طريقة عملها بالـفرونت بيج لكي يفهمه الجميع، وأصحاب الـHTML سيستطيعون كتابتها بأنفسهم بعد فهمهم الفكرة، وأصحاب الـphp سيمكنهم تطبيقها في سكربتاتهم بسهولة)
وبالتفصيل هي كتالي:
1- اصنع صورة حجمها 1بكسل في 1بكسل وتكون بدون خلفية (أي شفافة) وقم بتسميتها (مثلاً) clear.gif .. وإن لم ترد فستجد الصورة في المرفقات يمكنك استخدامها.
2- أحضر الصورة التي تريد حمايتها من السرقة، وسآخذ رابطاً من الإنترنت وأنتم براحتكم، وعليك أن تعرف كم عرضها وارتفاعها..
سنستخدم نحن هذه الصورة:
العرض: 468 الارتفاع: 60
3- افتح الفرونت بيج..
ثم أنشئ جدولاً واجعل حدوده (border) = صفر، واجعل عرضه مثل عرض الصورة المذكورة في الأعلى ونفس الارتفاع (تستطيع التحكم بعرض وارتفاع وحدود الصورة من خلال الضغط في الجدول بالزر الأيمن ثم اختيار Table propreties) .. كما في الصورة التالية (ركز على الأجزاء المحاطة بدوائر):
http://www.al7br.com/d/droos/1/1.gif
4- رأيت الآن أن صورتك أصبحت خلفية للجدول كل شيء بخير..
الآن.. ضع الماوس في داخل الجدول، ثم قم بالضغط على إيقونة إدراج صورة..
قم باستدعاء الصورة space.gif كما في الصورة:
http://www.al7br.com/d/droos/1/2.gif
5- الصورة صغيرة جداً ولا تستطيع رؤيتها لأنها شفافة.. إذاً.. انظر في أسفل البرنامج سترى (code) اضغط عليه لينقلك لكود الـHTML.. كم هو هنا:
حيث width="1" هو العرض، و height="1" هو الارتفاع..كود HTML:<img border="0" src="clear.gif" width="1" height="1">
- قم بتغيير العرض إلى قياس صورتك التي وضعتها كخلفية.. وعندنا العرض هو 468 ، ونغير أيضاً الارتفاع إلى 60 أو أي حجم حسب صورتك.. بحيث يصبح هكذا:
6- عد الآن إلى الوضع Normal في البرنامج.. اضغط على الجدول وسترى أن الصورة clear.gif قد شغلت الحيز كله (لن تراها لأنها شفافة)كود HTML:<img border="0" src="clear.gif" width="468" height="60">
7- قم بحفظ الصفحة.. وافحتها بمتصفحك.. جرب أن تحفظها.. هل سيظهر لك كما في الصورة؟
http://www.al7br.com/d/droos/1/3.gif
إذاً.. تم بحمد الله تعالى
(ربما ستجد أن الصورة كبيرة والخلفية ظهر جزء منها من جديد فقم بالرجوع للخطوة رقم 5 وأنقص 6 بكسلات من الارتفاع ومن العرض فمثلاً الارتفاع 60 يصبح 54 والعرض 468 يصبح 462 وهكذا وان شاء الله سيكون مضبوط)
- مثال حي:
http://www.al7br.com/d/droos/1/
هذا كل شيء.. وهذه الطريقة كتبتها حسب معرفتي..
ولا أدري ان كانت هناك تقنيات او طرق أفضل من هذه (قد تكون في البرمجة)..
لكن من عنده طريقة لنفس هذه الحركة لكن بطريقة أخرى فليخبرنا لنستفيد جميعاً
ونتمنى للجميع حماية كافية لصورهم ومواقعهم..
وان شاء الله نعود الأسبوع القادم
اخوكم
المبدع العربي ^_^