شرح طريقة جعل الخلفية تظهر بحجم كامل

شرح طريقة جعل الخلفية تظهر بحجم كامل

حصريا علي مدونة عرب تكنولوجي لحلول الويب نقدم لكم طريقة جعل خلفية المدونة تظهر بحجم كامل على جميع الشاشات .
في الكثير من الاحيان عند وضع صورة للخلفيه تواجهنا مشكلة ان الخلفيه لا تظهر بشكل  كامل و هناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة و يوجد هناك أشخاص قاموا بشرح حلها بإستخدام كود جي كويري jQuery طويل جدا و مُعقد و لكن اليوم سوف نقوم بحل المشكلة بإستخدام أحد أكواد سي اس اس 3 (CSS3) .

أولا سوف نقوم بالتوجه إلي قالب , تحرير HTML و نقوم بعمل توسيع لعناصر القالب و بعد هذا سوف نقوم بالبحث عن :

body {

و بعدها سوف نقوم بإضافة هذا الكواد :

background-size: cover;

أسفل هذا الكود :

 

background: url(URL de la img) no-repeat center center fixed;

ليقوم بالظهور بهذا الشكل أو شبيه به :

body {

background: url(URL de la imagen) no-repeat center center fixed;background-size: cover;margin:0;

color:#000;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

ثم بعد ذلك قم بحفظ القالب أو قم بالمعاينة .

76 كل المشاهدات 1 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

1 Response

  1. Amr قال:

    السلام عليك شكرا لكم على هذا المواضيع المهمة والرائعة … نريد منكم ان تشرحوا لنا كيفية التدوين واهم النصائح عن التدوين وكيقية كتابة المقالات بشكل صحيح وهل من الضروري وضع الاقتباسات اسفل المقالات اذا نحن اخذنا المقالة من اي موقع او ذكر الموقع او الناشر اسقل المقالة… وشكرا

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *