A narancssárga Firefox menü megjelenésének testreszabása

Fáradt vagy nézni a narancssárga Firefox menüpontra? A Firefox kezelőfelülete teljesen testreszabható, így módosíthatja a Firefox menü gombjának színét, szövegét és egyéb tulajdonságait saját egyéni megjelenés létrehozásához.

A Firefox menügomb megjelenésének megváltoztatásához a userChrome.css fájlt szerkesztjük. Ez a fájl lehetővé teszi a Firefox bármely részének megjelenését, valamint annak funkcióinak megváltoztatását.

Mielőtt a userChrome.css fájl szerkesztésébe merülne, telepítünk egy ChromEdit Plus nevű bővítményt, amely lehetővé teszi számunkra, hogy könnyen szerkeszthessük a fájlt és mentjük el a megfelelő formátumban. Kattintson a következő hivatkozásra a ChromEdit Plus webhelyre való belépéshez.

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

Kattintson az Add to Firefox gombra az oldalon.

Megjelenik az alábbi üzenet. A ChromEdit Plus kiegészítő telepítésének folytatásához kattintson az Engedélyezés gombra.

MEGJEGYZÉS: Legyen nagyon óvatos a bővítmények és más szoftverek telepítésekor engedélyezve. Ha nem biztos a termékkel kapcsolatban, vagy nem bízik a cégben, ne telepítse. A ChromEdit Plus-t teszteltük és biztonságosnak és megbízhatónak találtuk.

Megjelenik a Szoftver telepítése párbeszédpanel. Kattintson az Install Now (Telepítés most) gombra, amely nem áll rendelkezésre, amíg a visszaszámlálás befejeződik.

MEGJEGYZÉS: Módosíthatja a visszaszámlálás hosszát az Install (Telepítés) gombon, de nem javasoljuk a letiltást.

A telepítés befejezéséhez újra kell indítania a Firefoxot. Kattintson az Újraindítás most gombra a felugró ablakban.

A Firefox újraindítása után a ChromEdit Plus gomb a cím mező jobb oldalán található. Kattintson a gombra a ChromEdit Plus ablak megnyitásához.

Alapértelmezés szerint három lap található a ChromEdit Plus ablakban. Majd szerkesztjük a userChrome.css fájlt, amely az első lapon található. Ha a lap üres, másolja és illessze be a következő szöveget a userChrome.css lapra, majd kattintson a Mentés gombra. Ez megadja az alapértelmezett userChrome.css fájlt.

@namespace url („http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu gomb
háttér: #orange! fontos;

# appmenu gomb dropmarker:
tartalom: „Firefox”!
szín: #FFFFFF! fontos;

# appmenu gomb. gomb-szöveg
kijelző: nincs!

Lehet, hogy már létezik egy userChrome.css fájl, amely esetben már létezik szöveg a userChrome.css lapon. Másolja a fenti szöveget, kivéve az első sort, a @namespace sort, és illessze be a lapra a @namespace sor után. Ha meg akarja tartani a már meglévő tartalmát, a fenti szöveget a fájl végére illesztheti.

FONTOS: Győződjön meg róla, hogy a userChrome.css összes árajánlata NEM intelligens idézet, beleértve a @namespace sorban szereplő idézeteket is. Rendes, egyenes idézeteknek kell lenniük. Ha ezek közül bármelyik okos idézet, a fájl egyáltalán nem befolyásolja a Firefox megjelenését.

Kattintson az Újraindítás gombra a Firefox újraindításához az új vagy módosított userChrome.css fájl használatával.

Ebben a példában a háttérszínt sötétkékké változtatjuk, és a „Firefox” szöveget „How-To Geek” -re változtatjuk.

A háttérszín megváltoztatásához módosítsa a „# appange” gomb „backgroundor” sorának „#orange” szövegét egy másik színre a hex színkód vagy a HTML színkód használatával. Például egy sötétkéket választottunk a # 2C4362 hex színkóddal.

MEGJEGYZÉS: Ahhoz, hogy kitaláljuk a kívánt szín hexadecimális kódját, tekintse meg cikkünket a hex színkódok decimális RGB színekből történő beszerzéséről, a színek kiválasztásáról a képernyő bármely pontjáról, és színes kódok megszerzéséről több formátumban.

A gomb szövegének megváltoztatásához változtassa meg a „Tartalom” sor „Firefox” szövegét a „# appmenu-button dropmarker: before” részben a kívánt szövegre, például „How-To Geek” -re. A szöveg után adtunk egy szóközt, hogy több hely legyen a szöveg és a gomb lenyíló nyíl között.

Kiválaszthatja a szöveg színének megváltoztatását is úgy, hogy a „színes” sort a „# appmenu-button dropmarker: before” részben módosítja. A szöveg színét fehérként (#FFFFFF) hagytuk, de megváltoztathatod egy világos szürke színűre (# F2F2F2), vagy valami hasonlóra..

Kattintson a Mentés gombra, majd az Újraindítás gombra.

A gomb most sötétkék, és azt mondja:.

A háttérszín módosítása mellett hozzáadhat egy háttérképet a gombhoz. Létrehoztunk egy képet, amelyen a How-To Geek favicon a bal és egy átlátszó háttér, így a sötétkék háttérszín látható. Ha hozzá szeretne adni egy háttérképet a gombhoz, add hozzá a következő sort a „# appmenu-button” szakaszhoz, és módosítsa az idézetek útvonalát a kép helyére a számítógépen. Hagyja a „file: ///” fájlt az útvonalon.

háttérkép: url („fájl: /// C: /Users/Lori/Pictures/htg_background.png”)!

Kattintson ismét a Mentés és újraindítás gombra.

Most a gombunk befejeződött.

A Firefox menü gombját egy ikonra konvertálásával is testre szabhatja. Sok más tippet is közzétettünk, és a Twefks-eket a Firefoxból való kiaknázás érdekében.