عدد مشاهدات الموضوع:
مرحبا أعزائي زوار مدونة أبو إياد، أعود إليكم من جديد لأشرح لكم طريقة جعل خلفية المدونة تظهر بالشكل المناسب لجميع الزوار.
فبعد أن سألني عدة أشخاص بإرسال رسائل على صفحة المعجبين الخاص بي في الفيسبوك، قررت أن أشرح لكم الطريقة هنا بدلا من شرحها لكل شخص على حدة، في الحقيقة الطريقة سهل جدا وأسهل مما تتصورون.
فحقا في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية لاتظهر بشكل كامل وهناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة، هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد css3 كلمة واحدة ستخرجنا من هذا المأزق.
حسنا أو شئ سنتجه إلى قالب، تحرير Html و نقوم بتوسيع عناصر القالب.
بعد هذا سنقوم بالبحث عن :
ثم ماذا؟
ثم سنقوم بإضافة الكود :
أسفل :
ليظهر بشكل شبيه بهذا:
فيديو الشرح
شرح مكتوب
فحقا في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية لاتظهر بشكل كامل وهناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة، هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد 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;
}
وإنتهى إحفظ القالب أو قم بالمعاينة ، بالتوفيق Ayoub Etmaiti
:-t شكرا
ردحذف@Sincara Mistico
ردحذفعفوا
باتوفيق
ردحذفأخي هدا جيد لكن هنالك طريقة لاظهار المدونة كاملة بشكل كبير في جميع الشاشات وليس فقط الخلفية ؟؟؟؟
ردحذفمشكور
شكرا لك
ردحذفنجح الأمر
جيد
ردحذفانا عايز كود HTML لمنع تكرار الخلفيه
ردحذفاريد ان اعرف كيف اكبر عرض بلوغر بحيث لا يظهر لدي فرغات على اليمين واليسار وتيضا اريد مقص عرض المساحة بين القاىمة الرئيسية والصفحات اتصل بنا وسياسة الاستخدام في لاعلى بارك الله فيك مدونتي هي jouwla .com
ردحذف