עריכת קובץ הסטייל
טוב עכשיו הגענו לתכלס
אז אמרנו מיקודם שכל האתר נשמר ביצוא לתוך תיקיה, בתיקית site ישנן עוד תיקיות לכל תיקיה יש קובץ html בשם הזהה לה, כל תיקיה כזאת מכילה את קובץ סטייל של אותו העמוד.
לדוגמא התיק: 0E2EA1CA-1906-4F52-8D8C-41DE3A459C11_files
משוייך לקובץ: 0E2EA1CA-1906-4F52-8D8C-41DE3A459C11.html
כמו שרואים בתמונה ישנו קובץ סטייל בשם התיקיה בסיומת .css יש לפתוח את הקובץ הזה בTextEdit או בתוכנה יעודית לעריכת קבצי סטייל לדוגמא: CSSEdit.
כמה קווים כלליים לגבי שינוי קובץ הסטייל:
השינוי שאני מראה די דומה בכל אתר ובכל עיצוב, אבל אם התוצאה לא יוצאת כמתוכנן יש לבצע את השינויים גם במקומות אחרים בקובץ הסטייל.
קובץ הסטייל מוגדר ברובו ממחלקות, מחלקה מתחילה בנקודה לפני השם שלהן וככה אפשר לזהות אותן בקובץ הסטייל, תחום ההגדרה של אותה מחלקה הוא בין הסוגרים המסולסלים שנפתחים מיד לאחר שם הקלאס ונסגרים בדרף כלל שורה מתחת להגדרה האחרונה.
לדוגמא:
אז בואו נתחיל:
המחלקות העיקריות שיש לשנות הן: Body (אם קיימת), Free_Form לרוב נוצר עבור טקסטים שהוקלדו באתר, Heading_1 עבור הכותרות,Title גם עבור כותרות אחרות, ol זאת מחלקה שקשורה לרשימות באתר, במידה וביצעתם נכון וצבעתם את הבולטים בלבן, נוכל לשנות את תצוגת הרשימה דרך קובץ הסטייל.
יש להוסיף את השורה הבאה: ;direction:rtl
במחלקות: Body, Free_Form, Heading_1, Title, ol
לדוגמא:
בנוסף יש להוסף במחלקה ol את השינויים הנדרשים על מנת שיראו את הבולטים של הרשימה:
לגבי השורה השלישית שבה כתוב disc זאת ההגדרה של צורת הבולט, דיסק זאת הצורה המקורית של העיגול המלא יש עוד מספר צורות כגון:
עיגול מלא = disc
עיגול ריק = circle
ריבוע = square
מספרים = decimal
מספרים עם אפסים = decimal-leading-zero
ספרות רומיות קטנות = lower-roman
ספרות רומיות גדולות = upper-roman
אייביסי קטנות = lower-alpha
אייביסי גדולות = upper-alpha
אותיות עבריות = hebrew
ועוד...
במידה ואנחנו רוצים לשנות את צבע הבולט יש להוסיך את השורה הזאת:
;color:red
בתוך הטווח של המחלקה וזה יתן לנו בולטים בצבע אדום, בנוסף אפשר להכניס ערכים של צבעי וואב הערכים האלה נקבעים ע”י 6 ספרות או אותיות והצירוף מתחיל עם סולמית בהתחלה, אבל את זה אני אשאיר לכם לחפש ;-)
אני מקווה שהמדריך הזה עזר לכמה מכם שלא מבינים בדבר, וחיזק אצל כמה שכן מבינים.
בהצלחה!
לבעיות, הצעות, תלונות, צאקים ומזומן יש לתפוס אותי בפורום ;-)
