Kako prilagoditi izgled narančastog gumba izbornika Firefox

Jeste li umorni od gledanja narančastog gumba izbornika Firefox? Firefoxovo sučelje je potpuno prilagodljivo, tako da možete promijeniti boju, tekst i druga svojstva gumba izbornika za Firefox kako biste izradili vlastiti prilagođeni izgled.

Da biste promijenili izgled gumba izbornika Firefox, uređivat ćemo datoteku userChrome.css. Ova datoteka vam omogućuje da promijenite izgled bilo kojeg dijela Firefoxa, kao i njegovu funkcionalnost.

Prije ronjenja u uređivanje userChrome.css datoteke, instalirat ćemo dodatak, nazvan ChromEdit Plus, koji će nam omogućiti jednostavno uređivanje datoteke i spremanje u ispravnom formatu. Kliknite sljedeću vezu da biste posjetili web-stranicu ChromEdit Plus.

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

Kliknite gumb Dodaj u Firefox na stranici.

Može se prikazati sljedeća poruka. Kliknite Dopusti za nastavak instalacije dodatka ChromEdit Plus.

NAPOMENA: Budite vrlo oprezni kada dopuštate instaliranje proširenja i drugog softvera. Ako niste sigurni o proizvodu ili ne vjerujete tvrtki, nemojte instalirati. Testirali smo ChromEdit Plus i ustanovili da je siguran i pouzdan.

Prikazuje se dijaloški okvir Software Installation (Instalacija softvera). Kliknite Instaliraj odmah, što možda nije dostupno dok završi odbrojavanje.

NAPOMENA: duljinu odbrojavanja možete promijeniti na gumb Instaliraj, ali ne preporučujemo je onemogućiti.

Morate ponovo pokrenuti Firefox da biste dovršili instalaciju. Kliknite Ponovno pokreni sada u skočnom dijaloškom okviru.

Kada se Firefox ponovno pokrene, gumb ChromEdit Plus dodaje se s desne strane okvira Adresa. Kliknite ga da biste otvorili prozor ChromEdit Plus.

U prozoru ChromEdit Plus postoje tri kartice prema zadanim postavkama. Uređivat ćemo datoteku userChrome.css koja se nalazi na prvoj kartici. Ako je kartica prazna, kopirajte i zalijepite sljedeći tekst na karticu userChrome.css i kliknite Spremi. To vam daje zadanu datoteku userChrome.css.

@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu-button
background: #orange! important;

# appmenu-button dropmarker: prije
sadržaj: "Firefox"! važan;
boja: #FFFFFF!

# appmenu-button .button-text
prikaz: nijedan! važan;

Možda već imate datoteku userChrome.css, u kojem slučaju već postoji tekst na kartici userChrome.css. Kopirajte cijeli tekst iznad, osim prvog retka, @namespace linije, i zalijepite ga na karticu negdje iza linije @namespace. Ako želite zadržati ono što već imate, gornji tekst možete zalijepiti na kraju datoteke.

VAŽNO: Pobrinite se da svi navodnici u userChrome.css NISU pametni navodnici, uključujući one u liniji @namespace. Oni bi trebali biti obični, izravni citati. Ako je bilo koji od njih pametan navod, datoteka uopće neće utjecati na izgled Firefoxa.

Kliknite Restart da biste ponovno pokrenuli Firefox pomoću nove ili revidirane datoteke userChrome.css.

U ovom ćemo primjeru promijeniti boju pozadine u tamno plavu i promijeniti tekst "Firefox" u "Kako da ...".

Da biste promijenili boju pozadine, promijenite tekst "#orange" na liniji "background" u odjeljku "# appmenu-button" na drugu boju, koristeći hex kod boje ili HTML kod boje. Na primjer, odabrali smo tamno plavu s heksadecimalnim kodom boje # 2C4362.

NAPOMENA: da biste saznali šifru heksadecimalne boje za željenu boju, pogledajte naše članke o dobivanju šifri za heksadecimalnu boju iz decimalnih RGB boja, odabir boja s bilo kojeg mjesta na zaslonu i dobivanje kodova boja u više formata.

Da biste promijenili tekst na gumbu, promijenite tekst "Firefox" u retku "sadržaj" u odjeljku "# appmenu-button dropmarker: before" u željeni tekst, kao što je "Kako-To Geek". Nakon teksta dodali smo razmak kako bismo imali više prostora između teksta i padajuće strelice na gumbu.

Možete promijeniti i boju teksta promjenom linije boje u odjeljku "# appmenu-button dropmarker: before". Boju teksta ostavili smo bijelu (#FFFFFF), ali je možete promijeniti u nešto poput svijetlo sive boje (# F2F2F2) ili nešto slično.

Kliknite Spremi, a zatim Ponovo pokreni kako bi promjene stupile na snagu.

Gumb je sada tamno plav i kaže "Kako da Geek".

Gumbu možete dodati i pozadinsku sliku, uz promjenu boje pozadine. Napravili smo sliku koja ima favicon "How-To Geek" na lijevoj strani i prozirnu pozadinu tako da se boja tamno plave pozadine prikazuje. Da biste svom gumbu dodali pozadinsku sliku, dodajte sljedeći redak u odjeljak "# appmenu-button", mijenjajući putanju u navodnicima do lokacije slike na računalu. Ostavite “file: ///” na putu.

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

Kliknite Spremi i ponovno pokreni ponovo.

Sada je naš gumb dovršen.

Gumb izbornika Firefox možete prilagoditi tako da ga pretvorite u ikonu. Također smo objavili mnoge druge savjete i podešavanja za dobivanje najviše od Firefoxa.