התפריט האנכי של האתר הוא פונקציה נוחה מאוד שעוזרת לחסוך מקום ולנווט בקלות במשאב. אתה יכול לעשות את זה מבוסס על גליונות CSS מדורגים או באמצעות כלים מיוחדים.
הוראות
שלב 1
פתח את אתר purecssmenu.com והירשם אליו, אחרת לא תוכל ליצור ולהוריד את התפריט שנוצר. בצד שמאל, מצא את כפתור התבניות ולחץ עליו. למטה יהיו חלונות קטנים עם תבניות תפריט אנכיות. לחץ עליהם אחד אחד והצג בחלון התצוגה המקדימה. בחר את התבנית המתאימה ביותר לאתר שלך.
שלב 2
הגדר את הגופן והצבע של התפריט באמצעות הכרטיסייה פרמטרים. ניתן לבחור גופן וגודלו בשדה גופן. אם יש צורך, ציין קו תחתון / מודגש. הגדר את הרקע (רקע) של התפריט האנכי בשדה צבעים, הגדר את צבע הגופן ואת צבע הרקע לרחף (פונטהובר / רקע מעבר).
שלב 3
עבור לתפריט פריטים כדי לנהל פריטי תפריט. לחיצה על כפתור נקה תנקה את פריטי הדוגמה כך שתוכל ליצור בעצמך. זה מספיק ללחוץ על מקש AddItem פלוס כדי להוסיף פריט בסוף התפריט. באמצעות כפתור AddNextItem, אתה יכול להוסיף פריט שיעקוב אחרי הזמן שנבחר כעת. כפתור AddSubitem בתפריט יוצר פריט מקונן עבור הפריט שנבחר. כדי להסיר שורה, השתמש בלחצן RemoveItem.
שלב 4
פתח את פרמטרי הפריטים (ItemParameters) בתחתית האתר. הזן שם לפריט התפריט בשורת הטקסט, ואת כתובת האינטרנט שלו בקישור. שורת הטיפ אחראית לתיאור הפריט, המוצג כאשר הסמן מרחף מעל הקישור. חלק היעד מגדיר כיצד הדף נפתח. באמצעות הפרמטר _self, ניתן להגדיר את הדף לפתיחה בחלון הדפדפן הנוכחי.
שלב 5
הורידו את התפריט המוכן על ידי לחיצה על כפתור ההורדה בתחתית הדף. העתק את הקוד המתאים שנמצא בקובץ purecssmenu.html לקובץ התבנית CSS: בהתחלה ובסוף. הקפד להדביק את הקוד הנכון ולשמור את הקובץ.
