עיצוב תפריטים באתר


באתר יש לנו 2 סוגי תפריטים שניתן לערוך חלק מהגדרות העיצוב שלהם : תפריט צד מלבני ותפריט קוביות.

לפני שניגשים לערוך את עיצוב התפריטים, כדאי להיות בקיאים בעריכת רכיבים במערכת. 
לשם כך, יש את סרטון ההדרכה : ניהול רכיבים בעמוד הבית במעוף+.

תפריט צד מלבני

זהו תפריט צד המלבני בנראות ברירת המחדל שלו. על מנת לשנות לו הגדרות עיצוב עלינו ללחוץ על הרכיב שלו ולאחר מכן 'עריכה'.




בעמוד העריכה של התפריט, נגלול מטה ונגיע לחלק בו כתוב 'פרמטרים למציג':



יש לנו 2 אפשרויות לשינוי עיצוב התפריט:
  1. לשנות את צבע הרקע של התפריט
    על מנת לבצע זאת, נכתוב בתיבה שמשמאל לפרמטר 'צבע רקע ומסגרת' את הצבע הרצוי.
    את הפרמטר השני נשאיר ריק.
    נשמור.

  2. ליצור עיצוב של תפריט ללא רקע עם קו תחתון:


    על מנת להגדיר את העיצוב הנ"ל נגדיר את הפרמטרים כך:
    > צבע רקע ומסגרת : off
    > קו תחתון לסעיף :  solid - לקו חלק
         dashed - לקו מקווקו

    כך זה יראה: 



תפריט קוביות
זהו תפריט הקוביות בנראות ברירת המחדל שלו. על מנת לשנות לו הגדרות עיצוב עלינו ללחוץ על הרכיב שלו ולאחר מכן 'עריכה'.



בעמוד העריכה של התפריט, נגלול מטה ונגיע לחלק בו כתוב 'פרמטרים למציג':



לכל אחד מהפרמטרים, משמאל לשם הפרמטר, יש פירוט מה הערכים שיש להזין בו.

על מה משפיע כל פרמטר?
  • צבע רקע ומסגרת - שינוי רקע התפריט לכל הקוביות
  • תצוגת טקסט - במידה ורוצים להשאיר רק אייקון ללא טקסט מתחתיו כותבים בשדה off.
  • צבע מסגרת לאייקון - יש אפשרות ליצור לאייקונים מסגרת (דוג' בהמשך), במידה ומעוניינים במסגרת יש למלא בשדה זה את צבע המסגרת.
  • עיגול או מרובע - צורת המסגרת של האייקון. יש לכתוב
    square - אם מעוניים בריבוע
    round - אם מעוניים בעיגול
  • צבע טקסט - ניתן להגדיר לטקסט צבע שונה על ידי כתיבת הצבע בשדה.
  • גודל אייקון - הגודל הרצוי לאייקון בפיקסלים.
  • גודל טקסט - הגודל הרצוי לטקסט מתחת לאייקון בפיקסלים.
  • מספר סעיפים בשורה - יש להזין את מספר הסעיפים שתרצו שיופיעו בשורה. כמובן ששדה זה צריך להיות תואם לגודל האייקון, הטקסט וכו'.
    שכן, אם אני רוצה 6 סעיפים בשורה, האייקונים שלי צריכים להיות קטנים. ואם אני רוצה 3 בשורה הם צריכים להיות גדולים יותר.

    *** חשוב: כשרושמים צבע, יש לרשום אותו ללא # בהתחלה.
דוגמא:

תפריט קוביות ששונו לו הפרמטרים:

כך נראים הערכים של הפרמטרים לתפריט שבדוגמא:





בהצלחה! :)


אין תוצאות