התפריט הנפתח האנכי נוח מאוד - הוא חוסך מקום בדף האינטרנט, ובמקביל עוזר לנווט באתר בקלות. נסה ליצור תפריט נפתח המבוסס על CSS - גליונות סגנון מדורגים. אם אתה עדיין לא מומחה ביצירת קוד CSS, השתמש בשירות purecssmenu.com. אתה נדרש לבחור סוג תפריט, להתאים אישית את מראהו ולאחר מכן להתאים אותו לאתר שלך. השירות עצמו יפיק את הקוד הדרוש, אותו תוסיף לקבצי האתר שלך.
הוראות
שלב 1
הירשמו לאתר purecssmenu.com, אחרת לא תוכלו להוריד את התפריט שנוצר. לחץ על כפתור התבניות בצד שמאל של הדף. למטה תוכלו לראות כמה חלונות קטנים עם תבניות תפריט נפתחות, ולחיצה עליהן תטען תצוגה מקדימה בצד ימין בחלון התצוגה המקדימה. בחר תבנית שמתאימה לאתר שלך
שלב 2
התאם אישית את הגופן וצבע התפריט: השתמש בכרטיסייה פרמטרים. בשדה גופן בחר גופן, גודל גופן, במידת הצורך, קו תחתון ומודגש. בשדה צבעים, הגדר את רקע התפריט, צבע הגופן וצבעי רחף וגופן
שלב 3
פתח את הכרטיסייה פריטים לניהול פריטי תפריט. אם תלחץ על כפתור נקה סל המיחזור, פריטי הדוגמה מנוקים ותוכל ליצור בעצמך. לשם כך לחצו על כפתור הוספת פריט פלוס - הפריט יתווסף בסוף התפריט. הלחצן הוסף פריט הבא משמש להוספת פריט בעקבות השעה שנבחרה כעת. הלחצן Add Subitem יוצר פריט בתפריט משנה לבחירה. בהתאם, כדי להסיר פריט, השתמש בלחצן הסר פריט
שלב 4
שימו לב לשדה פרמטרים של פריטים בתחתית האתר. בשורת הטקסט, ציין את שם פריט התפריט, בשורת קישור - כתובת האתר של הדף שאליו יוביל פריט זה. בשורת הטיפים, תוכלו להשאיר תיאור של הפריט, שיוצג כאשר תעברו מעל הקישור. שורת היעד משמשת לקביעת הדרך לפתיחת הדף שאליו מוביל הקישור. הפרמטר _self בשורה זו פותח את הדף באותו חלון דפדפן כמו הנוכחי
שלב 5
לאחר סיום הגדרת התפריט, הורידו אותו - לחצו על כפתור ההורדה בפינה השמאלית התחתונה של הדף (פונקציה זו זמינה לאחר ההרשמה לאתר). בחר תיקיה בכונן הקשיח בה יישמר קובץ הארכיון. פרוק אותו. יהיה עליך להעתיק את הקוד הנדרש מקובץ purecssmenu.html לקובץ התבנית CSS של האתר שלך. פתח את קובץ purecssmenu.html עם עורך טקסט והעתק את הקוד בין התגים לתבנית CSS של האתר שלך (לקובץ זה יש סיומת.css ונראה כמו file.css). כעת הדבק את הקוד בקובץ תבנית האתר שלך (ערכות נושא) - הקוד מ- purecssmenu.html בין ההערות ובמקום קוד התפריט הרגיל. לשם כך עליכם להכיר לפחות תכנות. הקפד להדביק את הקוד בקובץ הנכון ולשמור.
