Kā pielāgot Orange Firefox izvēlnes pogas izskatu

Kā pielāgot Orange Firefox izvēlnes pogas izskatu
Kā pielāgot Orange Firefox izvēlnes pogas izskatu

Video: Kā pielāgot Orange Firefox izvēlnes pogas izskatu

Video: Kā pielāgot Orange Firefox izvēlnes pogas izskatu
Video: How Microsoft killed the one cool product they ever had: MSN Messenger - YouTube 2024, Aprīlis
Anonim
Vai jums ir apnicis apskatīt oranžu Firefox izvēlnes pogu? Firefox saskarne ir pilnībā pielāgojama, lai jūs varētu mainīt Firefox izvēlnes pogas krāsu, tekstu un citas īpašības, lai izveidotu savu pielāgoto izskatu.
Vai jums ir apnicis apskatīt oranžu Firefox izvēlnes pogu? Firefox saskarne ir pilnībā pielāgojama, lai jūs varētu mainīt Firefox izvēlnes pogas krāsu, tekstu un citas īpašības, lai izveidotu savu pielāgoto izskatu.

Lai mainītu Firefox izvēlnes pogas izskatu, mēs rediģēsim failu userChrome.css. Šis fails ļauj mainīt jebkura Firefox daļas izskatu, kā arī tās funkcionalitāti.

Pirms ienirzīsim faila userChrome.css rediģēšanu, mēs instalēsim pievienojumprogrammu ChromEdit Plus, kas ļaus mums viegli rediģēt failu un saglabāt to pareizā formātā. Lai pārietu uz ChromEdit Plus tīmekļa lapu, noklikšķiniet uz šīs saites.
Pirms ienirzīsim faila userChrome.css rediģēšanu, mēs instalēsim pievienojumprogrammu ChromEdit Plus, kas ļaus mums viegli rediģēt failu un saglabāt to pareizā formātā. Lai pārietu uz ChromEdit Plus tīmekļa lapu, noklikšķiniet uz šīs saites.

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

Noklikšķiniet uz pogas Pievienot uz Firefox lapā.

Var parādīties šāds ziņojums. Noklikšķiniet uz Atļaut, lai turpinātu instalēt ChromEdit Plus papildinājumu.
Var parādīties šāds ziņojums. Noklikšķiniet uz Atļaut, lai turpinātu instalēt ChromEdit Plus papildinājumu.

PIEZĪME. Esiet ļoti uzmanīgs, ko atļaujat, instalējot paplašinājumus un citu programmatūru. Ja neesat pārliecināts par produktu vai neuzticaties uzņēmumam, neinstalējiet to. Mēs pārbaudījām ChromEdit Plus un uzskatām, ka tā ir droša un droša.

Parādās programmatūras instalēšanas dialoglodziņš. Noklikšķiniet uz Install Now (Instalēt tūlīt), kas var nebūt pieejams, kamēr atskaite netiek pabeigta.
Parādās programmatūras instalēšanas dialoglodziņš. Noklikšķiniet uz Install Now (Instalēt tūlīt), kas var nebūt pieejams, kamēr atskaite netiek pabeigta.

PIEZĪME. Pogas Instalēt iestatījumu mainīšanas ilgums var mainīt, taču mēs neiesakām to atspējot.

Lai pabeigtu instalēšanu, jums ir jārestartē Firefox. Uznirstošajā dialoglodziņā noklikšķiniet uz Restartēt tūlīt.
Lai pabeigtu instalēšanu, jums ir jārestartē Firefox. Uznirstošajā dialoglodziņā noklikšķiniet uz Restartēt tūlīt.
Kad Firefox tiek restartēts, pogas ChromEdit Plus pogas tiek pievienotas labajā lodziņā Adrese. Noklikšķiniet uz tā, lai atvērtu ChromEdit Plus logu.
Kad Firefox tiek restartēts, pogas ChromEdit Plus pogas tiek pievienotas labajā lodziņā Adrese. Noklikšķiniet uz tā, lai atvērtu ChromEdit Plus logu.
Pēc noklusējuma ChromEdit Plus logā ir trīs cilnes. Mēs rediģēsim failu userChrome.css, kas atrodas pirmajā cilnē. Ja cilne ir tukša, nokopējiet un ielīmējiet šo tekstu cilnē userChrome.css un noklikšķiniet uz Saglabāt. Tas dod jums noklusējuma userChrome.css failu.
Pēc noklusējuma ChromEdit Plus logā ir trīs cilnes. Mēs rediģēsim failu userChrome.css, kas atrodas pirmajā cilnē. Ja cilne ir tukša, nokopējiet un ielīmējiet šo tekstu cilnē userChrome.css un noklikšķiniet uz Saglabāt. Tas dod jums noklusējuma userChrome.css failu.

@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; }

Iespējams, ka jums jau ir faila userChrome.css, tādā gadījumā cilnē userChrome.css jau būs teksts. Kopējiet visu iepriekš minēto tekstu, izņemot pirmo līniju, līniju @namespace un ielīmējiet to cilnē kaut kur pēc rindas @namespace. Ja vēlaties saglabāt to, kas jums jau ir, varat ielīmēt iepriekš minēto tekstu faila beigās.

SVARĪGI: Pārliecinieties, vai visi citāti lietotājaChrome.css failos ir NOT smart quotes, ieskaitot tos, kas atrodas rindā @namespace. Viņiem vajadzētu būt parastām, taisnām citātiem. Ja kāds no tiem ir viedās cenas, tas neietekmēs Firefox izskatu.

Noklikšķiniet uz Restartēt, lai restartētu Firefox, izmantojot jauno vai pārskatīto failu userChrome.css.

Šajā piemērā mēs mainīsim fona krāsu uz tumši zilu un mainīsim "Firefox" tekstu uz "How-To Geek".
Šajā piemērā mēs mainīsim fona krāsu uz tumši zilu un mainīsim "Firefox" tekstu uz "How-To Geek".

Lai mainītu fona krāsu, sadaļā "# appmenu-button" mainiet "#orange" tekstu "#orange" tekstā uz citu krāsu, izmantojot heksa krāsu kodu vai HTML krāsu kodu. Piemēram, mēs izvēlējāmies tumši zilu ar # 2C4362 heksa krāsu kodu.

PIEZĪME. Lai noskaidrotu vajadzīgās krāsas heksadecas krāsu kodu, skatiet mūsu rakstus par sešsegtenu krāsu kodu iegūšanu no decimāldaļās RGB krāsām, krāsu izvēli no jebkuras vietas uz ekrāna un krāsu kodu izvēli vairākos formātos.

Lai mainītu pogas tekstu, mainiet "Firefox" tekstu rindiņā "saturs" sadaļā "# appmenu-button dropmarker: before" uz vēlamo tekstu, piemēram, "How-To Geek". Pēc teksta esam pievienojuši atstarpi starp tekstu un pogai nolaižamo bultiņu.

Varat arī mainīt teksta krāsu, mainot "krāsu" līniju tajā pašā sadaļā "# appmenu-button dropmarker: before". Mēs atstājām teksta krāsu kā baltu (#FFFFFF), taču jūs varat mainīt to kā gaiši pelēku (# F2F2F2) vai tamlīdzīgu.

Lai izmaiņas stātos spēkā, noklikšķiniet uz Saglabāt un pēc tam Restartēt.

Poga tagad ir tumši zilā krāsā un saka "How-To Geek".
Poga tagad ir tumši zilā krāsā un saka "How-To Geek".
Papildus fona krāsas maiņai pogai var pievienot arī fona attēlu. Mēs izveidojām attēlu, kuram ir labajā pusē redzamais ceļvedis, kas ir labajā pusē, un caurspīdīgu fonu, lai parādītu tumši zilā fona krāsu. Lai pogai pievienotu fona attēlu, sadaļā "# appmenu-button" pievienojiet šādu rindiņu, mainot ceļu pēdiņās uz attēla atrašanās vietu savā datorā. Atstājiet "failu: ///" ceļā.
Papildus fona krāsas maiņai pogai var pievienot arī fona attēlu. Mēs izveidojām attēlu, kuram ir labajā pusē redzamais ceļvedis, kas ir labajā pusē, un caurspīdīgu fonu, lai parādītu tumši zilā fona krāsu. Lai pogai pievienotu fona attēlu, sadaļā "# appmenu-button" pievienojiet šādu rindiņu, mainot ceļu pēdiņās uz attēla atrašanās vietu savā datorā. Atstājiet "failu: ///" ceļā.

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

Noklikšķiniet uz Saglabāt un restartēt vēlreiz.

Ieteicams: