لتوسيط صورة الخلفية في سمة مدونة Tumblr الخاصة بك ، قم بتحرير سطر واحد بسيط من كود CSS في صفحة كود HTML الخاصة بموضوع المدونة. ضع في اعتبارك استخدام صورة خلفية تملأ مساحة الخلفية دون تكرار أو "تقسيم". ميزة صورة الخلفية في Tumblr Redux theme الافتراضي يربطنا صور الخلفية بشكل افتراضي. يمكنك تعطيل التجانب وتوسيط صورة الخلفية عن طريق تحرير نفس بيان CSS. لاحظ أنه يمكنك توسيط الصورة رأسيًا وأفقيًا.
افتح Tumblr ، ثم انقر فوق السهم الموجود بجوار اسم مدونتك لعرض قائمة بجميع مدوناتك. انقر فوق المدونة لتحريرها في مربع الحوار المنبثق. لتحرير موضوع المدونة الأساسي الخاص بك ، انتقل إلى الخطوة التالية.
انقر فوق علامة التبويب "تخصيص" لفتح المظهر المحدد في وضع التحرير.
انقر على أيقونة "تحميل" في قسم صورة الخلفية في لوحة التخصيص ، ثم تصفح وانقر على صورة الخلفية. انقر فوق "فتح" لتحميل الصورة.
انقر على رابط "تعديل HTML" لفتح محرر السمات.
اضغط على "Ctrl-F" لفتح أداة البحث والاستبدال. اكتب "الخلفية" بدون علامات اقتباس في مربع الإدخال. انقر فوق السهم لأسفل للعثور على سطور التعليمات البرمجية التالية:
النص الأساسي {الخلفية: {color: Background} url ('{image: Background}') أعلى اليسار تكرار ثابت ؛
قم بتغيير قيم خاصية الخلفية لـ "التكرار الثابت العلوي الأيسر" إلى "مركز عدم التكرار". يقوم المثيل الأول من "الوسط" بتوسيط الصورة رأسياً. المثيل الثاني يقوم بتوسيط الصورة أفقيًا. لا تنس الفاصلة المنقوطة في نهاية العبارة.
انقر فوق الزر "تحديث المعاينة" لعرض صورة الخلفية في نافذة المعاينة.
انقر فوق "حفظ" لحفظ تعديلات التعليمات البرمجية ، ثم انقر فوق رمز الخروج لإغلاق المحرر والعودة إلى الصفحة الرئيسية لمدونتك.
نصائح
يمكنك استخدام اختصار رمز لخط "مركز عدم التكرار" إذا كنت تنوي توسيط صورة الخلفية أفقيًا ورأسيًا. إذا تم حذف قيمة "مركز" ، يتم تضمين قيمة "مركز". يمكنك ببساطة استخدام "مركز عدم التكرار" لتوسيط الصورة عموديًا وأفقيًا.
يقوم السطر "عدم تكرار أعلى المركز" بتوسيط الصورة أفقيًا ومحاذاة الصورة مع الجزء العلوي من الصفحة.
