7:25 مساءً الثلاثاء 23 أبريل، 2019

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

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

 

.
يجعل الكود ايضا الخلفيه ثابته لا تتاثر بحركة المحتوي نزولا او صعودا .

 

.

بالصور عمل خلفية بمقاس الصفحة unnamed file 51 Click this bar to view the full image.

بالصور عمل خلفية بمقاس الصفحة unnamed file 350

هذا الكود .

 

.

كود 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
————————————

274 views

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