מה המשמעות של אלמנטים קבועים בתמורה?

המונח "אלמנטים קבועים" ב- Tumblr מתייחס לכל אובייקט בעיצוב ה- Tumblr שלך שלא זז יחסית לחלון הדפדפן. לדוגמה, העיצוב שלך עשוי לכלול סרגל צד קבוע. במקרה זה, סרגל הצד אינו זז כאשר אתה גולל למטה בדף; זה תמיד נשאר באותו מקום יחסית לחלון הדפדפן. אלמנטים קבועים מוגדרים בקוד גליונות הסגנון המדורגים של העיצוב.

HTML ו- CSS

כל ערכות הנושא של Tumblr מוגדרות על ידי שילוב של HTML ו- CSS. באופן כללי, HTML שולט במבנה העיצוב, בעוד ש- CSS מכתיב את סגנונו. באתרים רבים יש קבצי HTML ו- CSS נפרדים. עם זאת, ה- HTML וה- CSS של נושא טיפוסי ל- Tumblr קיימים יחד בקוד מקור אחד מאוחד.

מציאת נושא CSS שלך

על מנת לאתר את קוד המקור של העיצוב שלך, עליך להיכנס לחשבון Tumblr שלך. בלוח המחוונים שלך לחץ על סמל גלגל השיניים כדי לגשת לתפריט ההגדרות. בתפריט הגדרות בחר את הבלוג שברצונך להציג. בתפריט ההתאמה האישית של הבלוג, לחץ על "התאמה אישית" בקטע נושא. זה יעביר אותך לדף ההתאמה האישית של ערכת הנושא. תחת כותרת העיצוב שלך, לחץ על "ערוך HTML". פעולה זו תציג את ה- HTML וה- CSS של העיצוב שלך.

העמדה: רכוש קבוע

בתוך קוד העיצוב שלך, אתה יכול ללחוץ על "Ctrl-F" כדי לחפש פריטים ספציפיים. אם תקליד "position: fixed" בשדה החיפוש, תוכל לעבור בין מופעים שונים של אלמנטים קבועים בעיצוב שלך. אם החיפוש שלך לא מחזיר תוצאות או פחות מהצפוי, נסה לחפש "מיקום: קבוע" ללא מקום אחרי המעי הגס. האלמנט הקבוע ייקרא לפני סוגר "{". לדוגמא # sidebar {position: fixed;} יתקן אלמנט עם מזהה "סרגל הצד".

מיקום האלמנטים

לאחר שצוינה שיטת המיקום של אלמנט, תוכל להזיז אותו לאורך הצירים האופקיים או האנכיים במספר מסוים של פיקסלים. על מנת לעשות זאת, ציין את קצה מיכל האלמנט ואת מספר הפיקסלים שברצונך להפריד בין האלמנט לקצה זה. לדוגמא, #sidebar {position: fixed; למעלה: 20 פיקסלים; מימין: 10 פיקסלים;} ימקם את סרגל הצד 20 פיקסלים מראש חלון הדפדפן ו -10 פיקסלים מימין לחלון הדפדפן.

שינוי אלמנטים קבועים

אם אתה מאתר אלמנט קבוע, אתה יכול לשנות את אופן מיקומו. התכונה "position: static" קובעת את מיקום האלמנט ביחס למקומו בזרימת קוד ה- HTML. תכונה זו משמשת לקיזוז האלמנט בכמות מסוימת מהמיקום הסטטי הרגיל שלו. לדוגמא, #sidebar {position: relative; ימין: 20 פיקסלים;} יקזז את אלמנט הסרגל # 20 פיקסלים מהגבול הימני הרגיל שלו. לבסוף, התכונה position: absolute מסירה את האלמנט מזרימת המסמך וממקמת אותו ביחס לאלמנט המכיל שלו. לדוגמא, אם אלמנט במיקום מוחלט נמצא בתוך אלמנט יחסית, כל שינוי במיקומו יתרחש ביחס לאלמנט הממוקם יחסית. אתה יכול להתנסות בסוגי המיקום השונים האלה על מנת להתאים אישית אילו אלמנטים קבועים בנושא Tumblr שלך.