כדי למרכז תמונת רקע בעיצוב הבלוג שלך ב- Tumblr, ערוך שורה אחת פשוטה של קוד CSS בדף קוד ה- HTML של נושא הבלוג. שקול להשתמש בתמונת רקע הממלאת את חלל הרקע מבלי לחזור, או "לרצף". תכונת תמונת הרקע בברירת המחדל של ערכת הנושא Tumblr Redux מרצפת כברירת מחדל תמונות רקע. ניתן להשבית את הריצוף ולרכז את תמונת הרקע על ידי עריכת אותה הצהרת CSS. שים לב שניתן למרכז את התמונה בצורה אנכית ואופקית.
פתח את Tumblr ואז לחץ על החץ לצד שם הבלוג שלך כדי להציג רשימה של כל הבלוגים שלך. לחץ על הבלוג לעריכה בתיבת הדו-שיח הקופץ. כדי לערוך את נושא הבלוג הראשי שלך, דלג לשלב הבא.
לחץ על הכרטיסייה "התאמה אישית" כדי לפתוח את ערכת הנושא שנבחרה במצב עריכה.
לחץ על סמל "העלה" במקטע תמונת רקע בחלונית התאמה אישית, ואז דפדף אל תמונת הרקע ולחץ עליה. לחץ על "פתח" כדי להעלות את התמונה.
לחץ על הקישור "ערוך HTML" כדי לפתוח את עורך העיצוב.
לחץ על "Ctrl-F" כדי לפתוח את הכלי חיפוש והחלפה. הקלד "רקע", ללא מרכאות, בתיבת הקלט. לחץ על החץ למטה כדי למצוא את שורות הקוד הבאות:
גוף {רקע: {color: Background} url ('{image: Background}') חזרה קבועה משמאל למעלה;
שנה את ערכי המאפיינים ברקע של "חזרה קבועה משמאל למעלה" ל"מרכז מרכז ללא חזרה ". המופע הראשון של "מרכז" מרכז את התמונה בצורה אנכית. המופע השני מרכז את התמונה בצורה אופקית. אל תשכח את נקודה-פסיק בסוף ההצהרה.
לחץ על כפתור "עדכן תצוגה מקדימה" כדי להציג את תמונת הרקע בחלון התצוגה המקדימה.
לחץ על "שמור" כדי לשמור את עריכות הקוד, ואז לחץ על סמל היציאה כדי לסגור את העורך ולחזור לדף הראשי של הבלוג שלך.
טיפים
אתה יכול להשתמש בקיצור קוד עבור השורה "במרכז המרכז לא חוזר" אם אתה מתכוון למרכז את תמונת הרקע שלך בצורה אופקית וגם אנכית. אם ערך "מרכז" אחד מושמט, נרמז ערך של "מרכז". אתה יכול פשוט להשתמש ב"מרכז ללא חזרה "כדי למרכז את התמונה בצורה אנכית ואופקית.
השורה "מרכז עליון לא חוזר" מרכזת את התמונה בצורה אופקית ומיישרת את התמונה לראש הדף.
