[מדריך] תרגום עיצובים

במאגר המדריכים שלנו מתפרסמים כל המדריכים בנוגע להתקנה ושדרוג, ניהול ושימוש, שינוי ושיפור... כל מי שזקוק להדרכה, עזרה, והכוונה, מוזמן להתחיל את החיפוש שלו פה.
idanbe
חבר צוות phpBB ישראל לשעבר
חבר צוות phpBB ישראל לשעבר
הודעות: 2162
הצטרף: 15/12/2007 ב-09:36:14
מיקום: ירושלים
יצירת קשר:

[מדריך] תרגום עיצובים

הודעה שלא נקראהעל ידי idanbe » 01/08/2008 ב-01:56:45

במדריך הזה אני ילמד אותכם את הבסיס לתרגום של עיצובים למיניהם

כדי לתרגם עיצוב צריך שיהיה לך ידע בסיסי מאוד ב:
HTML, CSS ובאחד מתוכנות הגראפיקה השונות כגון: photoshop, freehand וכ"ו...

שלב 1
הדבר הראשון שצריך לעשות זה כמובן לחלץ את העיצוב מקובץ ה rar או ה zip
לאחר חילוץ התיקיה של העיצוב צריך לבדוק שאין תיקיה מיותרת,
צריך להיות בתוך התיקיה הראשית שלושה תיקיות
  • imageset
  • template
  • theme

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

שלב 2
השלב הבא שצריך לעשות זה ליצור תיקיה לשפה העברית
כנסו לתיקיית imageset שנמצאת בתיקיה הראשית של העיצוב
בתוכה תראו תיקיה בשם en זו התיקיה לשפה האנגלית
מה שצריך לעשות זה לשכפל את התיקיה הזאת ולקרוא לה he
שימו לב שאתם כותבים את שם התיקיה באותיות קטנות המערכת רגישה לדברים האלה

שלב 3
בשלב הזה יש צורך בידע על אחד מתוכנות הגראפיקה.
כעת אחרי שיצרתם תיקיה לשפה העברית (שלב 2) צריך לתרגם את הכפתורים
לתרגם כפתורים זה אומר שצריך ליצור תמונות חדשות עם הכיתוב בעברית
כנסו לתיקיה של השפה העברית (he) שם צריכים להיות 10 קבצי gif
(לפעמים יש תיקיות שיש בהם יותר זה תלוי ביוצר העיצוב אם הוא הוסיף עוד כפתורים)
אותם אתם צריכים לתרגם אני יתן לכם את שמות הקבצים ואת התירגום שלהם כאן
(חשוב לדעת שהקבצים צריכים להשאר באותו הגודל כמו בשפה האנגלית מבחינת פיקסלים וגם באותו סוג קובץ gif)
  • button_pm_forward.gif = העבר
  • button_pm_new.gif = הודעה חדשה
  • button_pm_reply.gif = תגובה
  • button_topic_locked.gif = נעול
  • button_topic_new.gif = נושא חדש
  • button_topic_reply.gif = שלח תגובה
  • icon_contact_pm.gif = פרטי
  • icon_post_edit.gif = ערוך
  • icon_post_quote.gif = ציטוט
  • icon_user_online.gif = מחובר


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

שלב 5
בשלב הזה ננסה לתקן בעיות שנוצרות בכתב
לפעמים יוצרי העיצובים בונים את העיצוב רק לשפות LTR (משמאל לימין)
ונוצרת בעיה עם הכיתוב כולו נוטה לכיוון שמאל
יש דרך בסיסית לסדר את זה (ברוב המקרים זה אמור לסדר את הבעיה אבל לא תמיד)
כאן המדריך מתפצל ל 2
  • עיצובים על בסיס prosilver
  • עיצובים על בסיס subsilver2
אם לא הצלחתם לזהות את בסיס העיצוב לפי מראה
תוכלו לזהות אותו לפי קבצים שנמצאים בעיצוב
כנסו לתיקיית ה theme וזו הדרך לזהות
  • בעיצובים על בסיס subsilver2 יש קובץ css אחד
    • stylesheet.css
  • בעיצובים על בסיס prosilver יש 14 קבצי css
    • bidi.css
    • buttons.css
    • colours.css
    • common.css
    • content.css
    • cp.css
    • forms.css
    • large.css
    • links.css
    • medium.css
    • normal.css
    • print.css
    • stylesheet.css
    • tweaks.css

וכאן נבצע את התיקון (כל עיצוב בפני עצמו)

  • prosilver
    • יש לפתוח את הקובץ common.css שנמצא בתיקיה theme
      ולחפש את הסטייל הזה:

      קוד: בחר הכל

      #wrap

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

      קוד: בחר הכל

      לא קשור לסטייל
      #wrap {
      תוכן הסטייל
      }
      לא קשור לסטייל

      עכשיו בתוך הסטייל אמור להיות פקודה כזאת:

      קוד: בחר הכל

      text-align: left;

      (שוב אתם תראו פקודה כזאת רק אם יש בעיה עם הכתב וגם זה לא תמיד)
      מה שהפקודה הזאת אומרת זה שכל הכתב שנמצא תחת הסטייל הזה בHTML יזוז שמאלה
      עכשיו אם מצאתם את הפקודה הזאת אתם צריכים ליצור פקודה חדשה שכשהפורום מוגדר על שפות RTL (מימין לשמאל)
      הכתב יתישר לצד ימין וכשאתם על שפות LTR (משמאל לימין) העיצוב לא יפגע ויחזור למצב הרגיל

      תסגרו את הקובץ common.css (בלי לשנות כלום בתוכו) ותפתחו את הקובץ bidi.css
      הקובץ הזה פעיל רק כאשר אתם נמצאים על מצב של שפות RTL (מימין לשמאל)
      תחפשו את הפקודה הבאה:

      קוד: בחר הכל

      .rtl #logo {

      ותוסיפו את הפקודה הבאה בשורה חדשה לפני:

      קוד: בחר הכל

      .rtl #wrap {
         text-align: right;
      }

      מה שעשינו פה זה "אמרנו" למערכת כשהיא נמצאת על שפות RTL (מימין לשמאל)
      שהיא תפעיל את הפקודה הזאת והכתב יתישר לצד ימין
  • subsilver2
    • יש לפתוח את הקובץ stylesheet.css שנמצא בתיקיה theme
      ולחפש את הסטייל הזה:

      קוד: בחר הכל

      #wrap

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

      קוד: בחר הכל

      לא קשור לסטייל
      #wrap {
      תוכן הסטייל
      }
      לא קשור לסטייל

      עכשיו בתוך הסטייל אמור להיות פקודה כזאת:

      קוד: בחר הכל

      text-align: left;

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

רוב הסיכויים שלאחר סיום חמשת השלבים העיצוב יעבוד מצויין
אבל מכוון שכל עיצוב בנוי אחרת ולפי ראות עיניו של היוצר
לא תמיד זה יפתור את כל הבעיות
בשביל זה יש לכם פורום בשם "תמיכה בעיצובים"
שם תמיד נוכל לעזור לכם וללמד אותכם דברים חדשים

מקווה שלימדתי אותכם דברים חדשים :D
עידן ראש צוות עיצובים
ריסטארט - בניית אתרים
http://www.restartstudio.co.il/

חזור אל “מדריכים”

מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ו־ 12 אורחים

cron