28Jun

Kā pielāgot Orange Firefox izvēlnes pogas 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 iegūsiet lietotājaChrome.css faila 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.

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

Noklikšķiniet uz pogas Add to Firefox uz lapas.

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 jūs 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.

PIEZĪME: Jūs varat mainīt pogu Instalēt atskaites ilgumu, 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.

Kad Firefox tiek restartēts, pogai ChromEdit Plus tiek pievienota 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.

@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# appmenu-poga{
fons: # orange! Important;
}
# appmenu-button dropmarker: pirms{
saturs: "Firefox"! Svarīgi;
krāsa: #FFFFFF! Svarīgi;
}
# appmenu-button. button-text{
displejs: neviens! Svarīgi;
}

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 visas lietotājaChrome.css pēdiņas ir NOT smart quotes, tostarp tās, 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".

Lai mainītu fona krāsu, sadaļā "# appmenu-button" mainiet "#orange" tekstu "#orange" tekstu 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 heksadecimušo kodu, skatiet mūsu rakstus par sešstūra 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 tekstu "Firefox" uz līnijas "content" 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.

Jūs varat izvēlēties 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.

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

Pogas tagad ir tumši zilas 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ļā.

fona attēls: url( "fails: /// C: /Users/Lori/Pictures/ htg_background.png")! Svarīgi;

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

Tagad mūsu poga ir pabeigta.

Jūs varat arī pielāgot Firefox izvēlnes pogu, pārvēršot to ikonā.Mēs esam arī publicējuši daudzus citus padomus un tweaks, lai vislabāk izmantotu Firefox.