اكاديمية ورشة لونك

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

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

يوجد الكثير من الأحيان نقوم بوضع صورة للخلفية لنستنتج أن صورة الخلفية لا تقوم بالظهور بشكل كامل و هناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة و يوجد هناك أشخاص قاموا بشرح حلها بإستخدام كود جي كويري 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]

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

مهاب البوشي

مهاب البوشي

مهاب البوشي ، مؤسس شركة ترويج 'Trweeg.Com' و مسئول السيو و التسويق في ورشة لونك و مدير اكاديمية ورشة لونك التعليمية .

اضف تعليق

Your Header Sidebar area is currently empty. Hurry up and add some widgets.