كود حصرى لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية Css3







Untitled 1 الـسلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
أقدم لكم كود حصري جداً .. لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ]
فيجعل الصورة تظهر كاملة و تملا الشاشة لتتناسب مع حجم المتصفح او مقاس الشاشة لديك ..يجعل الكود أيضا الخلفية ثابتة لا تتأثر
بحركة المحتوى نزولاً أو صعوداً ..

مشاهدة مباشر :
http://www.progs4u.net/vb/example/full-background

هذا الكود ..

html {
        
backgroundurl(images/bg.jpgno-repeat center center fixed;
        -
webkit-background-sizecover;
        -
moz-background-sizecover;
        -
o-background-sizecover;
        
background-sizecover;



مع تغيير مسار صورة : images/bg.jpg
متوافق متصفحات : Safari 3 - Chrome Whatever - IE 9 - Opera 10 - Firefox 3.6
----------------------------------------------------------------------------
1. شرح تركيب كود للمنتديات :
يتم وضع الكود فى [ تعاريف CSS الإضافية/Additional CSS Definitions ]
فى المربع الثانى الموجود فى التحكم بالاستايل ،، ثم اضغط حفظ ..
-------------------------
2. شرح تركيب كود للمواقع :
وضع كود فى ملف Css اى مكان ..
لو مش موجود ملف Css ،، افتح ملف اندكس [ index ]
الان ابحث كلمة
</title

ثم وضع كود اسفله :
<style type="text/css">
html {
        
backgroundurl(images/bg.jpgno-repeat center center fixed;
        -
webkit-background-sizecover;
        -
moz-background-sizecover;
        -
o-background-sizecover;
        
background-sizecover;
}
</
style

مع تغيير مسار صورة : images/bg.jpg
------------------------------------

إنتهت .. تم بحمد لله

الموضوع كامل جهد شخصي ،، دعواتكم لي بالتوفيق والنجاح

رابط الدرس
http://www.traidnt.net/vb/showthread.php?t=1729827