Jeste li umorni gledajući narančasti gumb izbornika Firefox? Firefoxovo sučelje je potpuno prilagodljivo pa možete promijeniti boju, tekst i ostala svojstva gumba izbornika Firefox kako biste stvorili vlastiti prilagođeni izgled.
Da biste promijenili izgled gumba izbornika Firefox, uređivat ćemo datoteku userChrome.css. Ova datoteka vam omogućuje promjenu izgleda bilo kojeg dijela Firefoxa, kao i njegove funkcionalnosti.
Prije ronjenja u uređivanje datoteke userChrome.css, instalirat ćemo dodatak ChromEdit Plus koji će nam omogućiti jednostavno uređivanje datoteke i spremanje u ispravnom formatu. Kliknite sljedeću vezu da biste se vratili na 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 da biste nastavili instalirati dodatak ChromEdit Plus.
NAPOMENA: Budite vrlo pažljivi oko onoga što dopuštate prilikom instalacije ekstenzija i drugog softvera. Ako niste sigurni u proizvod ili nemate povjerenje u tvrtku, nemojte ga instalirati. Testirali smo ChromEdit Plus i utvrdili da je siguran i pouzdan.
Prikazuje se dijaloški okvir Instalacija softvera. Kliknite Install Now (Instaliraj sada), što možda neće biti dostupno dok se odbrojavanje ne završi.
NAPOMENA: Možete promijeniti duljinu odbrojavanja na gumbu Instalacija, ali ne preporučujemo da je onemogućite.
Morate ponovno pokrenuti Firefox da biste dovršili instalaciju. Na popup dijaloškom okviru kliknite Restart Now.
Kada se Firefox ponovo pokrene, gumb ChromEdit Plus dodan je desno od okvira Adresa. Kliknite je da biste otvorili prozor ChromEdit Plus.
Prema zadanim postavkama postoje tri kartice na prozoru ChromEdit Plus. Izmijenit ć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-gumb
pozadina: #orange! važno;
# padmarker za tipku aplikacija: prije
sadržaj: "Firefox"! važan;
boja: #FFFFFF! važno;
# appmenu-gumb .button-text
prikaz: ništa! važno;
Možda već imate datoteku userChrome.css, u kojem slučaju već postoji tekst na kartici userChrome.css. Kopirajte sve gore navedeni tekst osim za prvu liniju, linija @namespace i zalijepite je na karticu negdje nakon linije @namespace. Ako želite zadržati ono što već imate, možete zalijepiti gornji tekst na kraju datoteke.
VAŽNO: provjerite jesu li svi citati u userChrome.css NIJE pametni citati, uključujući one u redaku @namespace. Oni bi trebali biti obični, ravni citati. Ako bilo koji od njih bude pametan citat, datoteka neće utjecati na izgled Firefoxa na sve.
Kliknite Ponovno pokretanje da biste ponovno pokrenuli Firefox pomoću nove ili izmijenjene datoteke korisnika UserChrome.css.
U ovom primjeru promijenit ćemo boju pozadine u tamnoplavu boju i promijeniti tekst "Firefox" u "How-To Geek".
Da biste promijenili boju pozadine, promijenite tekst "#orange" na "pozadini" u odjeljku "# appmenu-gumb" u drugu boju pomoću šesterokutnog koda boje ili HTML koda boje. Na primjer, odabrali smo tamno plavu boju sa šesterostrukim kodom boje # 2C4362.
NAPOMENA: Da biste odredili šesterostruki kôd boja za željenu boju, pogledajte članke o dobivanju šesterokutnih kodova boja od decimalnih RGB boja, odabiru boja s bilo kojeg mjesta na zaslonu i dobivanje boja u više formata.
Da biste promijenili tekst na gumbu, promijenite tekst "Firefox" u retku "sadržaj" u odjeljku "# dropmen: gumb" na željenom tekstu, na primjer "How-To Geek". Dodali smo razmak nakon teksta kako bi dobili više prostora između teksta i padajućeg strelice na gumbu.
Možete odabrati i promjenu boje teksta tako da promijenite redak "boja" u istom "# dropmenu: tipku za podizbornik: prije". Ostavili smo boju teksta kao bijeli (#FFFFFF), ali ga možete promijeniti na nešto poput svijetlo sive (# F2F2F2) ili nešto slično.
Kliknite Spremi, a zatim Ponovo pokreni da bi promjene stupile na snagu.
Gumb je sada tamnoplave i kaže "How-To Geek".
Na gumb možete dodati i pozadinsku sliku, uz promjenu boje pozadine. Stvorili smo sliku koja ima lijevo lijevu omotnicu Like-To Geek i prozirnu pozadinu kako bi se prikazala tamnoplava boja pozadine. Da biste dodali pozadinsku sliku gumbu, dodajte sljedeći redak u odjeljak "# appmenu-gumb", promijenite put u navodnicima na mjesto vaše slike na računalu. Ostavite "datoteku: ///" na putu.
background-image: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")! važno;
Ponovo kliknite Spremi i ponovo pokreni.
Sada je gumb završen.
Također možete prilagoditi gumb izbornika Firefox tako da ga pretvorite u ikonu. Također smo objavili mnoge druge savjete i prilagodbe kako bismo dobili najviše iz Firefoxa.
