הכנת ערכת נושא
מתוך וויקי
(הופנה מהדף הכנת ערכות נושא)
מאמר זה נמצא בכתיבה ראשונית בימים אלה, עד להשלמת התוכן המינימלי לערך זה אתם מוזמנים לעיין כאן. אתם כמובן מוזמנים להוסיף תוכן לדף.
תוכן עניינים |
ידע נדרש להכנת ערכות נושא
CSS
- CSS Tutorial מדריך מאתר W3Schools לשפת CSS.
- W3C Technical Reports דף מאתר W3C המכיל מידע רב על הגדרות שפת CSS השונות.
- Style Properties דף הכולל את כל הגדרות ה- CSS המיוחדות ל- Mozilla.
- Adding Style Sheets דף המסביר את יישום הגדרות ה- CSS בשפת XUL שבשימוש תוכנות Mozilla.
ראה גם גיליון סגנונות גלובלי.
גרפיקה
ערכות הנושא מעוצבות גם בעזרת הרבה מאוד קבצי גרפיקה, כאשר הפורמטים המומלצים הם GIF ו-PNG. למשל, כל הכפתורים מעוצבים על ידי קבצי גרפיקה, בארבע גרסאות לכל אחד: פעיל, לא פעיל, לחוץ, וצבע שונה כאשר העכבר מרחף מעל הכפתור. לצורך כך, יש צורך בידע בעריכת גרפיקה בעזרת תוכנה מתאימה: CorelDraw, Photoshop או אפילו PaintShop Pro!
התאמת ערכות נושא לחבילת השפה העברית
תוכנות מומלצות
- EditPlus תוכנה מצוינת לעריכת טקסט.
- WinZip תוכנה פופולרית לכיווץ ופריסה של קבצים.
- UltimateZip תוכנה המאפשרת פריסה קלה של קבצי jar ו- xpi ללא שינוי סיומת הקובץ. תומכת גם ביצירת קבצי ארכיון עם הסיומת jar. מומלץ ביותר למי שעובד עם קבצי ה-chrome של מוזילה.
- DOM Inspector - מאפשרת קבלת מידע על הגדרות ה- CSS ו- XUL של ממשק הדפדפן שבשימוש. התוכנה מגיעה יחד עם הדפדפן Mozilla ו- Firefox, וניתנת להתקנה במהלך התקנת הדפדפן.
ראה גם יצירת חבילת שפה עברית.
SeaMonkey
הרשימה שלהלן מפרטת מה צריך לשנות בערכות הנושא Modern ו-Classic שמגיעות עם SeaMonkey, כדי שיתאימו לממשק מימין לשמאל. זהו פתרון זמני, עד שיתוקנו הערכות המקוריות כך שיפעלו אוטומטית עם ממשק כזה, מבלי שיהיה צורך ליצור ערכות מותאמות במיוחד.
ערכת נושא Classic
Communicator
- permissions/status-cookie.gif
- sidebar/sbtab-twisty.gif
כללי (global)
- preview.gif
- toolbar/chevron.gif, toolbar/tbgrip-arrow-clps.gif
- splitter/grip-vrt*.gif
- חיצי ידיות אחיזה של סרגל כלים?
- menu/menu-arrow*.gif
- progressmeter/progressmeter-busy.gif
- להחליף בין lft ו-rit ב-global/arrow
- להחליף בין left ו-right: Splitter.css: מחלקה splitter
- global/menu.css: להחליף בין right ו-left לפי באג 140636
- להחליף כיוון חץ בפינה השמאלית תחתונה: global/global.css לשנות את resizer {... cursor: se-resize} ל-resizer { … cursor: sw-resize}
דואר (messenger)
- כפתורי השב, העבר, השב לכולם messenger/icons/btn1.gif
- דוגמת פריסת חלון בהעדפות?
Navigator
- חיצי ניווט icons/btn1.gif
- חיצי סרגל ניווט באתרים btn1/
ערכת נושא Modern
Communicator
- permissions/status-cookie.gif
- communicator/help.css:
#helpBackButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker, #helpForwardButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker
- להחליף בין השני והרביעי.
- communicator/sidebar/sidebar.css, לשנות left ל-right:
.box-texttab:hover > .sidebar-tab-right-box > .sidebar-tab-right-btm
- sidebar/ להפוך תמונות
- communicator/toolbar.css: עבור כפתורי אחורה והדפסה
.toolbarbutton-1[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker
- להחליף בין השני והרביעי
editor
- editor/icons/progress-busy.gif: להפוך מסגרות
- icons/mast-editor.gif – להזיז את הכדור ימינה (לערוך את התמונה כך שהכדור יחתך בקצה הימני במקום השמאלי).
Global
- preview.gif
- arrow/ להחליף בין חיצים שמאלה וימינה.
- icons/resizer.png להפוך
- menu/arrow-*.gif להפוך
- progressmeter/progress-busy.gif להפוך מסגרות
- scrollbar/ לא לשנות!
- splitter/grip-vrt-*.gif להחליף בין after ו-before
- toolbar/chevron.gif, toolbar/tbgrip-arrow-*.gif להפוך
- יש להחליף בין left ו־right:
- Menulist.css: מחלקה .menulist-label-box ו־.menulist-dropmarker
- Splitter.css: מחלקה splitter
- global/toolbarbutton.css:
.toolbarbutton-menubutton-dropmarker
- (עבור messenger) להחליף בין השוליים הימניים והשמאליים (הפרמטר השני והרביעי).
- global/menu.css: להחליף בין right ו-left לפי באג 140636
- global.css: resizer[dir="bottomright"] { ...se-resize...} לשנות ל-sw-resize
messenger
- Messenger/addressbook/icons/mast-ab.gif: להפוך
- icons/btn1.gif להפוך חיצים על כפתורי השב, השב לכולם, העבר.
- (icons/layout?.gif קיים?), icons/mast-mail.gif להפוך
- messengercompose/icons/mast-msgcomp.gif להפוך
navigator
- icons/*.gif להפוך
- btn1/ הקבצים הרלוונטיים, להפוך.
- navigator/navigator.css:
- עבור כפתור קדימה במצב טקסט בלבד:
#forward-button[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker
- להחליף בין שני לרביעי
.toolbarbutton-menubutton-dropmarker[toolbarmode="small"]
- להחליף בין השני לרביעי
#back-button > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker,
#forward-button > .toolbarbutton-menubutton-stack
> .toolbarbutton-menubutton-dropmarker
- להחליף בין השני לרביעי
#print-button > .toolbarbutton-menubutton-stack
> .toolbarbutton-menubutton-dropmarker
- להחליף בין השני לרביעי
קישורים חיצוניים
- Creating a Skin for Mozilla הסבר מפורט, באנגלית, איך ליצור ערכת נושא (סקין).
- Create themes for Mozilla and Netscape הסבר קצת פחות מפורט, גם כן באנגלית, מאתר IBM Developer Works.
- Theme Development בוויקי של MozillaZine
ערך זה הינו קצרמר. אתם מוזמנים לתרום לוויקי ולערוך אותו.
תרמו לדף זה: ראובן ואחרים.
