28Jun
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 búcsúzni fogunk egy kiegészítőcsomagot, a ChromEdit Plus-ot, amely lehetővé teszi számunkra, hogy egyszerűen szerkesztsük a fájlt és mentjük a megfelelő formátumba. Kattintson a következő linkre a ChromEdit Plus weboldal megnyitásához.
http: //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.
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.
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 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.
@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# appmenu-gomb{
háttér: #orange! Fontos;
}
# appmenu-gomb kapumıködı: mielőtt{
tartalom: "Firefox"! Fontos;
szín: #FFFFFF! Fontos;
}
# appmenu-gomb. button-text{
kijelző: nincs! Fontos;
}
Előfordulhat, hogy már van egy userChrome.css fájl, amely esetben már létezik szöveg a userChrome.css lapon. Másolja át a fenti szöveget, kivéve az első sort, a @ namespace sorát, é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 idézete 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.
A háttérszín megváltoztatásához változtassa meg a "# appmenu" gomb "háttér" 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 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 hexa színkódok decimális RGB színeirő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.
A "color" sor megváltoztatásával megváltoztathatja a szöveg színét is a "# appmenu-button dropmarker: before" szakaszban. 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 háttérkép 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 el a "file: ///" az útvonalat.
háttérkép: url( "fájl: /// C: /Users/Lori/Pictures/ htg_background.png")! Fontos;
Kattintson újra a Mentés és újraindítás gombra.
Most a mi gombunk teljes.
A Firefox menü gombjának testreszabásával is módosíthatja azt. Számos egyéb tippet és csípést is közzétettünk, hogy a legtöbbet hozhassuk ki a Firefoxból.