Hogyan változtassuk meg a narancssárga sáv megjelenését a Firefoxban

Szeretem a Firefox testreszabási módját. Úgy értem, hogy a böngészőben nincs olyan, amit nem lehet megváltoztatni vagy módosítani a felhasználó igényei és kényelme alapján. Míg a funkcionális végén körülbelül: a konfigurációs preferenciák szinte bármi eléréséhez meg lehet hangolni, az esztétikai felületen CSS-összetevők vannak, amelyek meghatározhatók az interfész megjelenésének módosítására.

Megvizsgáljuk a Firefox narancssárga gombját, amelyet a böngésző bal felső sarkában helyezünk el, és megnézzük, hogyan lehet megváltoztatni a megjelenését. Például nézze meg a képet (lent), és vegye figyelembe, hogyan változtattam meg a színt narancssárgáról pirosra, a szöveget fehérről feketere és Firefoxról re. Érdekes, igaz?

Így végezhet hasonló változtatásokat.

A Firefox Button megjelenésének testreszabásának lépései

Minden Firefox-on létrehozott profilhoz CSS-fájl van társítva. A felhasználói bemenetek célja a böngésző megjelenítésének változtatása. A folyamat során azt is elmondjuk Önnek, hogyan kell megtalálni a fájlt, vagy hogyan kell létrehozni, ha nem létezik.

1. lépés: Nyissa meg a Firefox-ot, és keresse meg a Firefox-ot (a narancssárga gomb) -> Súgó -> Hibaelhárítási információk.

2. lépés: Elindul egy új lap. Keresse meg az Alkalmazás alapjai című részt. A profilmappához való hozzáféréshez kattintson a Mappa megjelenítése gombra. Javasoljuk, hogy innen nyitja meg a profilmappát, mert ha több profil is van, akkor nem biztos, hogy tudja, melyiket használja.

3. lépés: A profilkönyvtárban egy chrome nevű mappát talál. Ha nem találja meg, létrehozhat egyet.

4. lépés: Ebben a mappában legyen egy userChrome.css nevû fájl. A névnek pontosan az itt leírtnak kell lennie.

Ismét, ha nem találja meg, létrehozhat egyet. Ha ott van, folytassa a 7. lépéssel. Egyébként folytassa az 5. lépéssel.

5. lépés: Kattintson a jobb gombbal az üres helyre, és hozzon létre egy Új -> Szöveges dokumentumot. Ha kész, nyissa meg a fájlt a Jegyzettömb segítségével.

6. lépés: Most lépjen a Fájl, és a Mentés másként fájlként, mint userChrome.css fájlra. Ügyeljen arra, hogy a Mentés másként típusa legyen a Minden fájl elemre a Mentés párbeszédpanel alján. Kattintson a Mentés gombra, és zárja be a dokumentumot.

7. lépés: Nyissa meg a userChrome.css fájlt a Jegyzettömb segítségével. Egyszerűen kattintson a jobb gombbal a fájlra, és válassza a Megnyitás -> Jegyzettömb lehetőséget.

8. lépés: Másolja az alábbi kódrészletet (a jelenlegi állapotban), és illessze be a fájlba. Mentse el a változtatásokat.

@ névtér URL („http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

# appmenu-gomb {

háttér: # narancs ! fontos;

}

# appmenu gomb dropmarker: előtt {

tartalom: “ Firefox ”! fontos;

szín: # FFFFFF ! fontos;

}

# appmenu-gomb.button-text {

megjelenítés: nincs! fontos;

}

Vegye fel a darabokat félkövér betűkkel. Ezek képviselik a gomb színét, a szöveg és a szöveg színét. A gomb megjelenésének megváltoztatása érdekében módosíthatja ezeket az értékeket. Íme a kód, amely megfelel az elején látott képnek.

Ha nincs ismerete a Hex kódokról, akkor erre a linkre hivatkozhat. Vagy ellenőrizheti ezt.

Következtetés

Ez a változás csak csekély. Ha elsajátítja a kódokat, akkor szinte bármit megváltoztathat a Firefoxban. Ha vannak azok közül, amelyeket évek óta használ, ossza meg az olvasóinkat, és segítsen mosolyogni az újszülött Firefox felhasználóknak.