لجعل صورة الخلفية للصفحة تتناسب مع حجم الشاشة بتقنية [ Css3 ] * فيجعل الصورة تظهر كاملة و تملاء الشاشة للتتناسب مع حجم المتصفح او مقاس الشاشة لديك ..
* يجعل الكود ايضا الخلفية ثابتة لا تتاثر بحركة المحتوى نزولا او صعودا ..
 | Click this bar to view the full image. |
هذا الكود ..
كود 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;
}
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:
</title>
ثم وضع كود اسفله :
كود PHP:
<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>
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
————————————
