كيف افعل مثل هذا ؟

يكون ذلك بعمل صندوق div بحجم الشاشة كاملة يغطيها بالكامل ويبتلع كل محاولات التفاعل معها تسمى هذه الحركة overlay ويكون ذلك بإعطاؤه z-index عالي جدا (ولجعله مظلل يمكن إعطاؤه لون أسود مع بعض الشفافية opacity)

أما المحتويات في الصندوق الطافي فتكون ذاك z-index أعلى من ال overlay

ولعمل كل ذلك يمكنك عمل div وإعطاؤه display:none وعند الرغبة في تفعيله تعطيه display:block

وهناك أدوات جاهزة لعمل ذلك مثل fancybox و lightbox و bootstrap-modal وغيرها

جزيل الشكر وخالص التقدير والاحترام لك عسى الله ان يوفقك في حياتك ويجعلها في ميزان حسناتك...تحياتي

اخي مؤيد اذا ممكن ترفق لي مثال بسيط ... 

هذا أبسط مثال يمكنني كتابته دون استخدام أي مكتبات

http://jsfiddle.net/wRKsJ/

مشكور الله يعطيك العافية ...

اخي مع انني طلبت المساعدة فأنا مستعد في مساعدتك وذلك لرد الجميل ومساعدة اي احد ان احتاج الى مساعدة

ولا تتردد في طلبها فأنا في رسم الخدمة وكما نقول نحن العراقيون "احنة بخدمة الطيبين"

مع العلم انا طالب ومبرمج واعمل كرجل صيانة حاسبات وعندي خبرة كافية في اللغات التالية :

Visual Basic , Visual Basic.net ,VBscript ,  HTML , XML , CSS , PHP , jQuery , JavaScript , MySQL

.

.

.

تحيـــــاتي وتمنياتي بالتوفيق للجميع ...

ربما يمكنك في وقت فراغك المساهمة في مشاركة المعرفة عبر وثائق بوابة أعجوبة - مشروع حر لتوثيق المعلومات التقنية

http://www.ojuba.org/wiki/docs/