Kako prilagoditi izgled gumba Orange Firefox Menu

Kako prilagoditi izgled gumba Orange Firefox Menu
Kako prilagoditi izgled gumba Orange Firefox Menu

Video: Kako prilagoditi izgled gumba Orange Firefox Menu

Video: Kako prilagoditi izgled gumba Orange Firefox Menu
Video: How To Use MSN Messenger on Windows 10! - YouTube 2024, Ožujak
Anonim
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.
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.
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.

https://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.
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.
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.
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.
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.
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(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }

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".
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".
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.
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”) !important;

Ponovo kliknite Spremi i ponovo pokreni.

Preporučeni: