כיצד ליצור סרגל גלילה

תוכן עניינים:

כיצד ליצור סרגל גלילה
כיצד ליצור סרגל גלילה

וִידֵאוֹ: כיצד ליצור סרגל גלילה

וִידֵאוֹ: כיצד ליצור סרגל גלילה
וִידֵאוֹ: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, נוֹבֶמבֶּר
Anonim

כיום, קיום אתר משלך אינו מותרות, אלא הכרח. יצירתו דורשת כישורים וידע מסוים ב- html. בניית אתר פשוט היא די קלה. עם זאת, קישוטו ויצירת אלמנטים אינטראקטיביים המספקים פונקציונליות נוספת לאתר יגרמו לקשיים למתחילים. אחד האלמנטים האינטראקטיביים הללו המשפרים את הנוחות של מבקרים באתר הוא סרגל הגלילה. זה שימושי במיוחד בתחומי האתר, המספקים את הקשר שלו עם סקריפטים (אינטראקציה של האתר עם המשתמשים).

סרגל הגלילה הוא מרכיב חשוב באתר
סרגל הגלילה הוא מרכיב חשוב באתר

זה הכרחי

אינטרנט או כל הדרכת HTML

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

עכשיו אתה בהחלט צריך לבדוק את השינויים שלך. כדי לגרום לסרגל הגלילה להיראות זהה בכל הדפדפנים, בדקו אותו בעיקריים - Internet Explorer, Mozilla Firefox ו- Opera. אם זה לא עובד על אחת מהן, חזור לשלב הראשון ותקן את השגיאות.

מוּמלָץ: