הבדלים בין גרסאות בדף "הכנת ערכת נושא"

מתוך וויקי
קפיצה אל: ניווט, חיפוש
מ (שוחזר מעריכה של Elad3338 (שיחה) לעריכה האחרונה של צחי)
 
(18 גרסאות ביניים של 5 משתמשים אינן מוצגות)
שורה 1: שורה 1:
==קישורים חיצוניים==
+
מאמר זה נמצא בכתיבה ראשונית בימים אלה, עד להשלמת התוכן המינימלי לערך זה אתם מוזמנים לעיין [http://www.eightlines.com/neil/mozskin/ כאן]. אתם כמובן מוזמנים להוסיף תוכן לדף.
* [http://www.eightlines.com/neil/mozskin/ Creating a Skin for Mozilla] הסבר מפורט, באנגלית, איך ליצור ערכת נושא (סקין).
+
 
 +
==ידע נדרש להכנת ערכות נושא==
 +
===CSS===
 +
* [http://www.w3schools.com/css/ CSS Tutorial] מדריך מאתר W3Schools לשפת CSS.
 
* [http://www.w3.org/TR/tr-title#C W3C Technical Reports] דף מאתר W3C המכיל מידע רב על הגדרות שפת CSS השונות.  
 
* [http://www.w3.org/TR/tr-title#C W3C Technical Reports] דף מאתר W3C המכיל מידע רב על הגדרות שפת CSS השונות.  
 
* [http://www.xulplanet.com/references/elemref/ref_StyleProperties.html Style Properties] דף הכולל את כל הגדרות ה- CSS המיוחדות ל- Mozilla.
 
* [http://www.xulplanet.com/references/elemref/ref_StyleProperties.html Style Properties] דף הכולל את כל הגדרות ה- CSS המיוחדות ל- Mozilla.
* [http://www.mozilla.org/catalog/architecture/xul/ XUL] מספר קישורים להסברים על שפת XUL, השפה בה בנוי הממשק של Mozilla. שפה זו תהיה בד"כ הדבר היחיד שתצטרך כדי לכתוב הרחבה עבור Mozilla.
+
* [http://www.xulplanet.com/tutorials/xultu/style.html Adding Style Sheets] דף המסביר את יישום הגדרות ה- CSS בשפת XUL שבשימוש תוכנות Mozilla.
* [http://www.xulplanet.com/ XulPlanet] מקור נרחב למידע על XUL, כולל מדריכים ודוגמאות.
+
ראה גם [[גיליון סגנונות גלובלי]].
 +
 
 +
===גרפיקה===
 +
ערכות הנושא מעוצבות גם בעזרת הרבה מאוד קבצי גרפיקה, כאשר הפורמטים המומלצים הם GIF  ו-PNG. למשל, כל הכפתורים מעוצבים על ידי קבצי גרפיקה, בארבע גרסאות לכל אחד: פעיל, לא פעיל, לחוץ, וצבע שונה כאשר העכבר מרחף מעל הכפתור. לצורך כך, יש צורך בידע בעריכת גרפיקה בעזרת תוכנה מתאימה: CorelDraw,‏ Photoshop או אפילו PaintShop Pro!
 +
 
 +
==התאמת ערכות נושא לחבילת השפה העברית==
 +
 
 +
===תוכנות מומלצות===
 +
* [http://www.editplus.com/ EditPlus] תוכנה מצוינת לעריכת טקסט.
 +
* [http://www.winzip.com/ WinZip] תוכנה פופולרית לכיווץ ופריסה של קבצים.
 +
* [http://www.ultimatezip.com/download.htm 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:
 +
<monospace dir="ltr">
 +
#helpBackButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker,
 +
#helpForwardButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker </monospace>
 +
:להחליף בין השני והרביעי.
 +
* communicator/sidebar/sidebar.css, לשנות left ל-right:
 +
<monospace dir="ltr">
 +
.box-texttab:hover > .sidebar-tab-right-box > .sidebar-tab-right-btm
 +
</monospace>
 +
* sidebar/ להפוך תמונות
 +
* communicator/toolbar.css: עבור כפתורי אחורה והדפסה
 +
<monospace dir="ltr">.toolbarbutton-1[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker</monospace>
 +
:להחליף בין השני והרביעי
  
==דפים קשורים==
+
=====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:
 +
<monospace dir="ltr">.toolbarbutton-menubutton-dropmarker</monospace>
 +
:(עבור messenger) להחליף בין השוליים הימניים והשמאליים (הפרמטר השני והרביעי).
 +
* global/menu.css: להחליף בין right ו-left לפי {{באג|140636}}
 +
*global.css:&rlm;  resizer[dir="bottomright"] { ...se-resize...}&lrm; לשנות ל-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:
 +
:עבור כפתור קדימה במצב טקסט בלבד:
 +
<monospace dir="ltr">#forward-button[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker</monospace>
 +
:להחליף בין שני לרביעי
 +
 
 +
<monospace dir="ltr">.toolbarbutton-menubutton-dropmarker[toolbarmode="small"]</monospace>
 +
:להחליף בין השני לרביעי
 +
 
 +
<monospace dir="ltr">#back-button > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker,
 +
#forward-button > .toolbarbutton-menubutton-stack
 +
    > .toolbarbutton-menubutton-dropmarker</monospace>
 +
:להחליף בין השני לרביעי
 +
 
 +
<monospace dir="ltr">#print-button > .toolbarbutton-menubutton-stack
 +
    > .toolbarbutton-menubutton-dropmarker</monospace>
 +
:להחליף בין השני לרביעי
 +
 
 +
==קישורים חיצוניים==
 +
* [http://www.eightlines.com/neil/mozskin/ Creating a Skin for Mozilla] הסבר מפורט, באנגלית, איך ליצור ערכת נושא (סקין).
 +
* [http://www-106.ibm.com/developerworks/edu/wa-dw-wa-mozthm-i.html Create themes for Mozilla and Netscape] הסבר קצת פחות מפורט, גם כן באנגלית, מאתר IBM Developer Works.&rlm;
 +
* [http://kb.mozillazine.org/index.phtml?title=Theme_development Theme Development בוויקי של MozillaZine]
 +
----
 +
{{stub}}
  
{{msg:stub}}
+
'''תרמו לדף זה''': [[משתמש:ראובן|ראובן]] ואחרים.
 +
[[category:מפתחי הרחבות]]
 +
[[category:מפתחים של Mozilla]]

גרסה אחרונה מ־21:21, 11 במרץ 2007

מאמר זה נמצא בכתיבה ראשונית בימים אלה, עד להשלמת התוכן המינימלי לערך זה אתם מוזמנים לעיין כאן. אתם כמובן מוזמנים להוסיף תוכן לדף.

ידע נדרש להכנת ערכות נושא

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:

<monospace dir="ltr">

  1. helpBackButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker,
  2. helpForwardButton > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker </monospace>
להחליף בין השני והרביעי.
  • communicator/sidebar/sidebar.css, לשנות left ל-right:

<monospace dir="ltr"> .box-texttab:hover > .sidebar-tab-right-box > .sidebar-tab-right-btm </monospace>

  • sidebar/ להפוך תמונות
  • communicator/toolbar.css: עבור כפתורי אחורה והדפסה

<monospace dir="ltr">.toolbarbutton-1[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker</monospace>

להחליף בין השני והרביעי
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:

<monospace dir="ltr">.toolbarbutton-menubutton-dropmarker</monospace>

(עבור 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:
עבור כפתור קדימה במצב טקסט בלבד:

<monospace dir="ltr">#forward-button[buttonstyle="text"] > stack > .toolbarbutton-menubutton-dropmarker</monospace>

להחליף בין שני לרביעי

<monospace dir="ltr">.toolbarbutton-menubutton-dropmarker[toolbarmode="small"]</monospace>

להחליף בין השני לרביעי

<monospace dir="ltr">#back-button > .toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-dropmarker,

  1. forward-button > .toolbarbutton-menubutton-stack
   > .toolbarbutton-menubutton-dropmarker</monospace>
להחליף בין השני לרביעי

<monospace dir="ltr">#print-button > .toolbarbutton-menubutton-stack

   > .toolbarbutton-menubutton-dropmarker</monospace>
להחליף בין השני לרביעי

קישורים חיצוניים



ערך זה הנו קצרמר.  אתם מוזמנים לתרום לוויקי ולערוך אותו.


תרמו לדף זה: ראובן ואחרים.