Az Orange Firefox menü gombjának testreszabása

Az Orange Firefox menü gombjának testreszabása
Az Orange Firefox menü gombjának testreszabása

Videó: Az Orange Firefox menü gombjának testreszabása

Videó: Az Orange Firefox menü gombjának testreszabása
Videó: 1080p vs 1080i - YouTube 2024, Április
Anonim
Belefáradtál a narancssárga Firefox menü gombjára? A Firefox kezelőfelülete teljesen testreszabható, így megváltoztathatja a Firefox menüjének színét, szövegét és egyéb tulajdonságait saját egyedi megjelenítéséhez.
Belefáradtál a narancssárga Firefox menü gombjára? A Firefox kezelőfelülete teljesen testreszabható, így megváltoztathatja a Firefox menüjének színét, szövegét és egyéb tulajdonságait saját egyedi megjelenítéséhez.

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

A userChrome.css fájl szerkesztése előtt egy kiegészítő ChromEdit Plus nevű kiegészítőt telepítünk, amely lehetővé teszi számunkra, hogy egyszerűen szerkesztsük a fájlt, és elmentjük a megfelelő formátumba. Kattintson a következő linkre a ChromEdit Plus weboldal megnyitásához.
A userChrome.css fájl szerkesztése előtt egy kiegészítő ChromEdit Plus nevű kiegészítőt telepítünk, amely lehetővé teszi számunkra, hogy egyszerűen szerkesztsük a fájlt, és elmentjük a megfelelő formátumba. Kattintson a következő linkre a ChromEdit Plus weboldal megnyitásához.

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

Kattintson a Hozzáadás a Firefox gombra az oldalon.

A következő üzenet jelenhet meg. Kattintson a Engedélyezés gombra a ChromEdit Plus bővítmény további telepítéséhez.
A következő üzenet jelenhet meg. Kattintson a Engedélyezés gombra a ChromEdit Plus bővítmény további telepítéséhez.

MEGJEGYZÉS: Legyen nagyon óvatos a bővítmények és egyéb szoftverek telepítésekor. Ha nem biztos a termékben, vagy nem bízik a vállalatnál, ne telepítse. A ChromEdit Plus-ot teszteltük és biztonságosnak és megbízhatónak találtuk.

Megjelenik a Szoftvertelepítés párbeszédpanel. Kattintson az Install Now (Telepítés most) lehetőségre, amely nem érhető el addig, amíg a visszaszámlálás befejeződik.
Megjelenik a Szoftvertelepítés párbeszédpanel. Kattintson az Install Now (Telepítés most) lehetőségre, amely nem érhető el addig, amíg a visszaszámlálás befejeződik.

MEGJEGYZÉS: A visszaszámlálás hossza megváltoztatható az Install gombra, de nem javasoljuk letiltani.

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

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

Alapértelmezés szerint három lap van a ChromEdit Plus ablakban. 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. Ezzel megadja az alapértelmezett userChrome.css fájlt.
Alapértelmezés szerint három lap van a ChromEdit Plus ablakban. 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. Ezzel megadja az alapértelmezett userChrome.css fájlt.

@namespace url(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }

Előfordulhat, hogy már van egy userChrome.css fájl, amely esetben a userChrome.css lapon már lesz szöveg. Másolja át a fenti szöveget, kivéve az első sort, a @ namespaces vonalt, és illessze be a lapra a @ namespace sor után. Ha meg akarja tartani a már meglévő tartalmat, a fenti szöveget a fájl végén töltheti be.

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

Kattintson az Újraindítás gombra a Firefox új vagy felülvizsgált UserChrome.css fájl használatával történő újraindításához.

Ebben a példában a háttérszínt sötétkékre változtatjuk, és a "Firefox" szöveget "How-To Geek" -ra cseréljük.
Ebben a példában a háttérszínt sötétkékre változtatjuk, és a "Firefox" szöveget "How-To Geek" -ra cseréljük.

A háttérszín megváltoztatásához a "# appmenu-gomb" szakasz "háttér" sorában a "#orange" szöveget más színnel kell módosítani a hexagon kód vagy a HTML színkód használatával. Például sötétkéket választottunk a # 2C4362 hexagon kódjával.

MEGJEGYZÉS: Ha szeretné kitalálni a kívánt színű hex színkódot, olvassa el cikkünket a hatszögű színkódok decimális RGB-színekről történő kivételéről, a színek bárhonnan történő kiválasztásáról, valamint a színkódok többféle formátumban történő megjelenítéséről.

A gomb szövegének megváltoztatásához módosítsa a "Firefox" szöveget a "# appmenu-button dropmarker: before" rész "content" sorában a kívánt szöveghez, például a "How-To Geek" menühöz. Hozzáadtunk egy üres helyet a szöveg után, hogy nagyobb legyen a hely a szöveg és a legördülő nyíl között.

Kiválaszthatja a szöveg színének megváltoztatását is, ha a "color" sort ugyanabban a "# appmenu-button dropmarker: before" szakaszban módosítja. A szöveg színe fehér (#FFFFFF) maradt, de megváltoztathatjuk valami olyat, mint egy világosszürke (# F2F2F2), vagy ilyesmi.

Kattintson a Mentés, majd az Újraindítás gombra a módosítások érvénybe léptetéséhez.

A gomb most sötétkék, és azt mondja: "How-To Geek".
A gomb most sötétkék, és azt mondja: "How-To Geek".
A háttérszín megváltoztatásához hozzáadhat háttérképet a gombhoz is. Olyan képet hoztunk létre, amelynek a bal oldali How-To Geek favicon és átlátszó háttere van, így a sötétkék háttérszín megjelenik. Ahhoz, hogy háttérképet adjon hozzá a gombhoz, adja hozzá a következő sort az "# appmenu-gomb" részhez, módosítva az idézőjelek elérési útját a számítógépen lévő kép helyére. Hagyja a "file: ///" fájlt az útvonalon.
A háttérszín megváltoztatásához hozzáadhat háttérképet a gombhoz is. Olyan képet hoztunk létre, amelynek a bal oldali How-To Geek favicon és átlátszó háttere van, így a sötétkék háttérszín megjelenik. Ahhoz, hogy háttérképet adjon hozzá a gombhoz, adja hozzá a következő sort az "# appmenu-gomb" részhez, módosítva az idézőjelek elérési útját a számítógépen lévő kép helyére. Hagyja a "file: ///" fájlt az útvonalon.

background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;

Kattintson ismét a Mentés és újraindítás lehetőségre.

Ajánlott: