28Jun

Kako prilagoditi izgled gumba Orange Firefox Menu

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, nazvanu 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.

Sljedeća poruka se može prikazati. Kliknite Dopusti da biste nastavili instalirati dodatak ChromEdit Plus.

NAPOMENA: Budite vrlo pažljivi oko onoga što dopuštate prilikom instaliranja dodataka 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.

Prikazat će 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. URL

@namespace( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# tipka za podizbornik{
pozadina: #orange! Important;
}
# padmarker za tipku appmenu: prije{
sadržaja: "Firefox"! Važno;
boja: #FFFFFF! Važno;
}
# gumb appmenu. button-text{
prikaz: none! 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 pokreni kako biste ponovno pokrenuli Firefox pomoću nove ili izmijenjene datoteke korisnika UserChrome.css.

U ovom primjeru promijenit ćemo boju pozadine u tamno plavu 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, koristeći šesterokutni kôd boja ili HTML kôd boja. Na primjer, odabrali smo tamno plavu boju sa šifrom boja kod # 2C4362.

NAPOMENA: Da biste odredili šesterokutni kôd boja za željenu boju, pogledajte članke o dobivanju šesterokutnih kodova boja iz decimalnih RGB boja, odabiru boja s bilo kojeg mjesta na zaslonu i dobivanje šifara 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 liniju "boja" u istom "# dropmenu: tipku za podizbornik: prije" odjeljku. Ostavili smo boju teksta kao bijelu boju( #FFFFFF), no možete ga 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 također možete dodati 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. Pozadina

: url( "datoteka: /// C: /Users/Lori/Pictures/ htg_background.png")! Važno;

Ponovo kliknite Spremi i ponovno pokretanje.

Sada naš gumb je 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.