في

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

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

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

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

[css]body {[/css]

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

[css]background-size: cover;[/css]

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

[css]background: url(URL de la img) no-repeat center center fixed;[/css]

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

[css]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;
}[/css]

و قم بحفظ القالب أو قم بالمعاينة . و بالتوفيق لكم و نراكم في الموضوع القادم .. و إذا واجهتك مشكلة أو أي أستفسار يرجي طرحها في تعليق .

Report

ما رأيك ؟

كتب بواسطة Mohab Elboshy

التعليقات

اترك تعليقاً

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

Loading…

0

شرح طريقة إضافة نموذج الإتصال إلى راسلنا في بلوجر

لنجاح متجرك الإلكترونى هناك 10 فوائد