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

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

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

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

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

לחצו על הלחצן Add to 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 לחצן העכבר הימני: לפני{
תוכן: "Firefox"!צבע
: #FFFFFF! חשוב;
}
# appmenu-button. button-text{
display: none! חשוב;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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