لجعل صورة الخلفيه للصفحة تتناسب مع حجم الشاشه بتقنيه [ 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
————————————
