السلام عليكم و رحمة الله و بركاته مرحبا بكم زوار ستارت كاش اليوم درس جديد سهل و بسيط و هو طريقة جعل خلفية المدونة تظهر بحجم كامل لجميع الشاشات .
في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية
لاتظهر بشكل كامل وهناك فراغات سواء في جوانب الصفحة أو في أسفل الصفحة،
هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد css3 كلمة واحدة ستخرجنا من هذا المأزق.
الشرح :-
1- حسنا أول شئ نأخذ نسخه احتياطيه من القالب تجنبا لحدوث أى اخطاء
2- توجه إلى قالب المدونة، ثم تحرير 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;
}
إنتهى الشرح احفظ القالب و قم بالمعاينة
الأقسام :-
اساسيات التدوين
,
دروس بلوجر
بقلم :- مصطفى
مصطفى صاحب موقع ستارت كاش من مصر، أكتب عادة حول طرق تحسين مدونات بلوجر و طرق الربح من الأنترنت. يمكن متابعتي على تويتر Twitter أو عبر خلاصات موقعى هذه.شارك أصدقاءك
روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |
0 تعليقات :- :
إرسال تعليق