12:37 صباحًا الأربعاء 19 ديسمبر، 2018

عمل خلفية بمقاس الصفحة


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

مع تغيير مسار صوره
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>

مع تغيير مسار صوره
images/bg.jpg
————————————

228 views

عمل خلفية بمقاس الصفحة