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

الـسلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم

ازيكم يا الغالين ،، إن شاء الله بخير دايـماً

أقدم لكم كود حصري جداااً ..

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

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

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

الكود:: html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

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

متوافق متصفحات :
Safari 3 - Chrome Whatever - IE 9 - Opera 10 - Firefox 3.6
----------------------------------------------------------------------------

1. شرح تركيب كود للمنتديات :
يتم وضع الكود فى ed]تعاريف CSS الإضافية/Additional CSS Definitions ]
فى المربع الثانى الموجود فى التحكم بالاستايل ،، ثم اضغط حفظ ..
-------------------------
2. شرح تركيب كود للمواقع :
وضع كود فى ملف Css اى مكان ..
لو مش موجود ملف Css ،، افتح ملف اندكس vy]index ]
الان ابحث كلمة

الكود:: </title>

ثم وضع كود اسفله :

الكود:: <style type="text/css"> html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style>

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

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

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

لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر ( برامج فور يو ) ورابط الموضوع

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

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

روابط مفيدة