כיצד להתאים אישית את המראה של תפריט

האם נמאס לך להסתכל על כפתור התפריט כתום פיירפוקס? הממשק של פיירפוקס ניתן להתאמה אישית לחלוטין, כך שתוכל לשנות את הצבע, הטקסט ומאפיינים אחרים של לחצן התפריט Firefox כדי ליצור מראה מותאם אישית משלך.

כדי לשנות את המראה של לחצן התפריט Firefox, נערוך את הקובץ userChrome.css. קובץ זה מאפשר לך לשנות את המראה של כל חלק של Firefox, כמו גם את הפונקציונליות שלו.

לפני שנצלול לעריכה של הקובץ userChrome.css, נשתמש בהרחבה, הנקראת ChromEdit Plus, שתאפשר לנו לערוך בקלות את הקובץ ולשמור אותו בפורמט הנכון. לחץ על הקישור הבא כדי לעבור לדף האינטרנט ChromEdit Plus.

http://webdesigns.ms11.net/chromeditp.html

לחץ על הלחצן הוסף ל- Firefox בדף.

ייתכן שתוצג ההודעה הבאה. לחץ על אפשר כדי להמשיך בהתקנת התוסף ChromEdit Plus.

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

מופיעה תיבת הדו-שיח התקנת תוכנה. לחץ על התקן כעת, שעשוי להיות זמין עד לסיום הספירה לאחור.

הערה: באפשרותך לשנות את אורך הספירה לאחור על הלחצן התקן, אך איננו ממליצים להשבית אותו.

עליך להפעיל מחדש את Firefox כדי לסיים את ההתקנה. לחץ על 'הפעל מחדש כעת' בתיבת הדו-שיח 'קופץ'.

לאחר ההפעלה מחדש של Firefox, הלחצן ChromEdit Plus נוסף מימין לתיבה כתובת. לחץ עליו כדי לפתוח את חלון ChromEdit Plus.

כברירת מחדל, יש שלוש כרטיסיות בחלון ChromEdit Plus. אנו נערוך את הקובץ userChrome.css, שנמצא בכרטיסייה הראשונה. אם הכרטיסייה ריקה, העתק והדבק את הטקסט הבא בכרטיסייה userChrome.css ולחץ על שמור. פעולה זו מעניקה לך קובץ ברירת מחדל userChrome.css.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
# appmenu-button
רקע: #orange! חשוב;

# dropmener של לחצן העכבר הימני: לפני
תוכן: "פיירפוקס" חשוב;
צבע: #FFFFFF! חשוב;

# appmenu-button .button-text
התצוגה: none! חשוב;

ייתכן שכבר יש לך קובץ userChrome.css, ובמקרה זה כבר יופיע טקסט בכרטיסייה userChrome.css. העתק את כל הטקסט לעיל למעט השורה הראשונה, קו @namespace והדבק אותו על הכרטיסייה במקום כלשהו אחרי שורת @namespace. אם אתה רוצה לשמור את מה שכבר יש לך, אתה יכול להדביק את הטקסט לעיל בסוף הקובץ.

חשוב: ודא שכל הציטוטים ב- userChrome.css אינם ציטוטים חכמים, כולל אלה שבקו @namespace. הם צריכים להיות רגילים, ישר ציטוטים. אם כל אחד מהם ציטוטים חכם, הקובץ לא ישפיע על המראה של פיירפוקס בכלל.

לחץ על 'הפעל מחדש' כדי להפעיל מחדש את Firefox באמצעות הקובץ החדש או המתוקן userChrome.css.

בדוגמה זו, אנחנו הולכים לשנות את צבע הרקע כחול כהה ולשנות את "פיירפוקס" טקסט ל "How-To Geek".

כדי לשנות את צבע הרקע, שנה את הטקסט "#orange" בשורת הרקע בקטע "# כפתור תפריט" לצבע אחר, באמצעות קוד צבע הקסדצימלי או קוד צבע HTML. לדוגמה, בחרנו כחול כהה עם קוד צבע הקסדצימלי של # 2C4362.

הערה: כדי להבין את קוד צבע הקסדצימלי לצבע הרצוי, עיין במאמרים שלנו על קבלת קודי צבע משושה מתוך צבעי RGB עשרוניים, בחירת צבעים מכל מקום על המסך וקבלת קודי צבע במספר פורמטים.

כדי לשנות את הטקסט על הכפתור, לשנות את הטקסט "פיירפוקס" על קו "תוכן" בסעיף "# תפריט Appmenu-dropmarker: לפני" את הטקסט הרצוי, כגון "How-To Geek". הוספנו רווח אחרי הטקסט כדי שיהיה יותר מקום בין הטקסט לבין החץ הנפתח על הכפתור.

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

לחץ על שמור ולאחר מכן על הפעלה מחדש כדי שהשינויים ייכנסו לתוקף.

הכפתור עכשיו כחול כהה ואומר "How-To Geek".

ניתן גם להוסיף תמונת רקע ללחצן, בנוסף לשינוי צבע הרקע. יצרנו תמונה שיש לה את How-To Geek favicon בצד שמאל ואת רקע שקוף כך צבע רקע כחול כהה מראה דרך. כדי להוסיף תמונת רקע ללחצן, הוסף את השורה הבאה לקטע "#menmenu-button", תוך שינוי הנתיב במרכאות למיקום התמונה שלך במחשב. השאר את "file: ///" בנתיב.

background-image: url ("file: /// C: /Users/Lori/Pictures/htg_background.png") חשוב;

לחץ על שמור והפעל מחדש.

עכשיו הכפתור שלנו הושלם.

ניתן גם להתאים אישית את לחצן התפריט של Firefox על ידי המרתו לסמל. פרסמנו גם טיפים רבים אחרים ו tweaks להשגת המרב של Firefox.