Hogyan változtassuk meg a narancssárga sáv megjelenését a Firefoxban
Vegyes Cikkek / / February 11, 2022
szeretem az utat
A Firefox testreszabható
. Úgy értem, a böngészőben nincs semmi, amit ne lehetne módosítani vagy módosítani a felhasználó igényei és kényelme szerint. Míg a funkcionális végén
about: konfigurációs beállítások
szinte bármi eléréséhez finomhangolható, esztétikai fronton vannak CSS komponenseink, amelyekhez definiálható
módosíthatja a felület megjelenését
.
megfontoljuk A Firefox narancssárga gombja amely a böngésző bal felső sarkában található, és nézze meg, hogyan módosítható a megjelenése és működése. Például nézze meg a képet (lent), és jegyezze meg, hogyan változtattam a színt narancssárgáról pirosra, a szöveget fehérről feketére és a Firefoxról a Guiding Tech-re. Érdekes, igaz?
Íme, hogyan hajthat végre hasonló változtatásokat.
A Firefox gomb megjelenésének testreszabásának lépései
Minden egyes a Firefoxban létrehozott profilt hozzá van társítva egy CSS-fájl. Arra szolgál, hogy a felhasználói bevitelek változtathassák a böngésző megjelenítését. A folyamat során azt is elmondjuk, hogyan találhatja meg a fájlt, vagy hogyan hozhat létre egyet, ha nem létezik.
1. lépés: Nyissa meg a Firefoxot, és navigáljon ide Firefox (a narancssárga gomb) -> Súgó -> Hibaelhárítási információk.
2. lépés: Egy új lap fog elindulni. Keresse meg a szakasz olvasmányát Alkalmazási alapismeretek. A profilmappa eléréséhez kattintson a gombra Mappa megjelenítése gomb. Célszerű innen megnyitni a profilmappát, mert ha vannak több profil lehet, hogy nem tudja, melyiket használják.
3. lépés: A profilkönyvtárban talál egy mappát, melynek neve króm. Ha nem találja, létrehozhat egyet.
4. lépés: Ebben a mappában kell lennie egy nevű fájlnak userChrome.css. A névnek pontosan úgy kell lennie, ahogy itt írják.
Ismét, ha nem találja, létrehozhat egyet. Ha ott van, folytassa a 7. lépéssel. Ellenkező esetben folytassa az 5. lépéssel.
5. lépés: Kattintson jobb gombbal, és ürítse ki a helyet, és hozzon létre a Új -> Szöveges dokumentum. Ha kész, nyissa meg a fájlt a Jegyzettömb segítségével.
6. lépés: Most menjen ide Fájl és MegmentMint a dokumentum mint userChrome.css. Ügyeljen arra, hogy megváltoztassa a Mentés típusként nak nek Minden fájl aljáról a Megment párbeszéd. Kattintson Megment és zárja be a dokumentumot.
7. lépés: Nyissa meg a userChrome.css fájl a Jegyzettömb segítségével. Egyszerűen kattintson a jobb gombbal a fájlra, és válassza ki Nyissa meg a -> Jegyzettömb segítségével.
8. lépés: Másolja ki az alábbi kódrészletet (ahogy van), és csatolja a fájlhoz. Mentse el a változtatásokat.
@namespace url(" http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button {
háttér: #narancs !fontos;
}
#appmenu-button dropmarker: before {
tartalom: "Firefox” !fontos;
szín: #FFFFFF !fontos;
}
#appmenu-button .button-text {
kijelző: nincs !fontos;
}
Jegyezze meg a darabokat bátor. Ezek a gomb színét, a szöveget és a szöveg színét jelzik. A gomb megjelenésének megváltoztatásához módosíthatja ezeket az értékeket. Itt van a kód, amely megfelel az elején látott képnek.
Ha nem ismeri a hexadecimális kódokat, megteheti hivatkozzon erre a linkre. Vagy ellenőrizheti ezt.
Következtetés
Ez a változás csak apróság. Ha el tudja sajátítani a kódokat, szinte bármit átalakíthat a Firefoxban. Ha rendelkezik ezek közül, amelyeket évek óta használ, ossza meg olvasóinkkal, és segítsen mosolyt csalni az új Firefox-felhasználókra.
Utolsó frissítés: 2022. február 03
A fenti cikk olyan társult linkeket tartalmazhat, amelyek segítenek a Guiding Tech támogatásában. Ez azonban nem befolyásolja szerkesztői integritásunkat. A tartalom elfogulatlan és hiteles marad.