Cum să schimbați aspectul Orange Bar în Firefox

Îmi place modul în care

Firefox poate fi personalizat

. Adică nu există nimic în browser care să nu poată fi schimbat sau modificat în funcție de cerințele și confortul utilizatorului. În timp ce la capătul funcțional

despre: preferințe de configurare

poate fi ajustat pentru a realiza aproape orice, din punct de vedere estetic avem componente CSS care pot fi definite pentru

modifica aspectul interfeței

.

Vom lua în considerare butonul portocaliu al Firefox care este plasat în partea stângă sus a browserului și vedeți cum aspectul și senzația acestuia pot fi modificate. De exemplu, verificați imaginea (mai jos) și observați cum am schimbat culoarea de la portocaliu la roșu, textul de la alb la negru și de la Firefox la Guiding Tech. Interesant, nu?

Iată cum puteți face modificări similare.

Pași pentru a personaliza aspectul butonului Firefox

Fiecare profil pe care îl creați pe Firefox are asociat un fișier CSS. Este destinat intrărilor utilizatorilor pentru a varia afișarea browserului. În acest proces, vă vom spune și cum să găsiți acel fișier sau să creați unul dacă nu există.

Pasul 1: Deschideți Firefox și navigați la Firefox (butonul portocaliu) -> Ajutor -> Informații de depanare.

Pasul 2: Va fi lansată o nouă filă. Căutați secțiunea de citire Bazele aplicației. Pentru a accesa folderul de profil, faceți clic pe Afișați folderul buton. Este sugestiv să deschideți folderul de profil de aici pentru că dacă există mai multe profiluri este posibil să nu știți care dintre ele este folosită.

Pasul 3: În directorul de profil veți găsi un folder numit crom. Dacă nu îl găsiți, puteți crea unul.

Pasul 4: În acest folder ar trebui să existe un fișier numit userChrome.css. Numele ar trebui să fie exact așa cum este scris aici.

Din nou, dacă nu îl găsiți, puteți crea unul. Dacă există, mergeți la Pasul 7. În rest, continuați cu Pasul 5.

Pasul 5: Faceți clic dreapta pe spațiul gol și creați un Nou -> Document text. După ce ați terminat, deschideți fișierul cu Notepad.

Pasul 6: Acum du-te la Fişier și salvaLa fel de documentul ca userChrome.css. Asigurați-vă că schimbați Salvați ca tip la Toate filele din partea de jos a salva dialog. Click pe salva și închideți documentul.

Pasul 7: Deschide userChrome.css fișier cu Notepad. Pur și simplu faceți clic dreapta pe fișier și alegeți Deschideți cu -> Notepad.

Pasul 8: Copiați fragmentul de cod de mai jos (ca atare) și adăugați-l la fișier. Salvați modificările.

@namespace URL (" http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button {
fundal: #portocale !important;
}
#appmenu-button dropmarker: înainte de {
continut: „Firefox" !important;
culoare: #FFFFFF !important;
}
#appmenu-button .button-text {
afisare: nici unul !important;
}

Observați bucățile din interior îndrăzneţ. Acestea reprezintă culoarea butonului, respectiv culoarea textului. Pentru a schimba aspectul butonului, puteți modifica aceste valori. Iată codul care corespunde imaginii pe care ați văzut-o la început.

Dacă nu aveți cunoștințe despre codurile hexadecimale, puteți consultați acest link. Sau poți verifica Aceasta.

Concluzie

Această schimbare este doar una minoră. Dacă reușiți să stăpâniți codurile, veți putea schimba aproape orice în Firefox. Dacă aveți unele dintre cele pe care le-ați folosit în toți acești ani, împărtășiți-le cititorilor noștri și ajutați-vă în a aduce zâmbete utilizatorilor începători de Firefox.

Ultima actualizare pe 03 februarie 2022

Articolul de mai sus poate conține link-uri afiliate care ajută la sprijinirea Guiding Tech. Cu toate acestea, nu afectează integritatea noastră editorială. Conținutul rămâne imparțial și autentic.