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

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

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

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

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

http://www.progs4u.net/upload/download.php?img=448

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

هذا الكود ..

رمز PHP:

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. شرح تركيب كود للمنتديات :
يتم وضع الكود فى [ تعاريف CSS الإضافية/Additional CSS Definitions ]
فى المربع الثانى الموجود فى التحكم بالاستايل ،، ثم اضغط حفظ ..
-------------------------
2. شرح تركيب كود للمواقع :
وضع كود فى ملف Css اى مكان ..
لو مش موجود ملف Css ،، افتح ملف اندكس [ index ]
الان ابحث كلمة
رمز PHP:

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

رمز PHP:

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
------------------------------------

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

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

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

المصدر : http://www.progs4u.net/vb/showthread.php?p=12520