28Jun
Kas sa oled väsinud vaadata oranži Firefoxi menüünuppu? Firefoxi liides on täielikult kohandatav, nii et saate muuta Firefoxi menüünuppu värvi, teksti ja muid omadusi, et luua oma kohandatud välimus.
Firefoxi menüünuppu välimuse muutmiseks redigeerime kasutajaChrome.css-faili. See fail võimaldab teil muuta Firefoxi mis tahes osa välimust ja selle funktsionaalsust.
Enne kasutajaChrome.css-faili redigeerimisega sukeldumist installime lisandmooduli ChromEdit Plus, mis võimaldab meil faili lihtsalt redigeerida ja salvestada õiges vormingus. ChromEdit Plus veebisaidile avamiseks klõpsake järgmisel lingil.
http: //webdesigns.ms11.net/ chromeditp.html
Klõpsake lehel nuppu Lisa Firefoxile.
Võimalik kuvada järgmine teade. Krediidi lisandmooduli ChromEdit Plus installimise jätkamiseks klõpsake käsul Luba.
MÄRKUS. Olge ettevaatlik, mida lubate laienduste ja muu tarkvara installimisel. Kui te pole tootega kindel või ärge ettevõtet usaldate, ärge installige. Proovisime ChromEdit Plus ja leidisime, et see on turvaline ja usaldusväärne.
Kuvatakse tarkvara installimise dialoogiboks. Klõpsake nuppu Installi nüüd, mis ei pruugi olla saadaval, kuni tagasimakse lõpeb.
MÄRKUS. Saate muuta nupu Installi taimeri pikkust, kuid me ei soovita seda keelata.
Installi lõpetamiseks peate taaskäivitama Firefoxi. Hüpikakna dialoogis klõpsake käsku Käivita uuesti.
Kui Firefox taaskäivitub, lisatakse nupp ChromEdit Plus parempoolsesse aadressiribale. Klõpsake sellel, et avada ChromEdit Plus aken.
ChromEdit Plus aknas on vaikimisi kolm vahelehte. Me redigeerime kasutajaChrome.css faili, mis asub esimesel vahelehel. Kui vahekaart on tühi, kopeerige ja kleepige järgmine tekst vahekaardile userChrome.css ja klõpsake Salvesta. See annab vaikimisi kasutajaChrome.css faili.
@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ seal.is.only.xul");
# appmenu nupp{
taust: #orange! Important;
}
# appmenu nuppude otsimärkija: enne{
sisu: "Firefox"! Oluline;
värv: #FFFFFF! Oluline;
}
# appmenu-button. button-text{
kuva: pole! Oluline;
}
Võib-olla on teil juba olemas kasutajaChrome.css-fail, mille korral on see vahekaardil userChrome.css juba tekst. Kopeerige kogu tekst eespool, välja arvatud esimene rida, @namespace rida ja kleepige see vahelehele kuskil pärast rida @namespace. Kui soovite hoida seda, mis teil juba on, saate selle teksti lõpus faili kleepida.
TÄHTIS: veenduge, et kasutajaChrome.css kõik hinnapakkumised ei ole arukad hinnapakkumised, sealhulgas need, mis asuvad rida @namespace. Need peaksid olema tavalised, sirged hinnapakkumised. Kui mõni neist on nutikas hinnapakkumisi, ei mõjuta see fail Firefoxi välimust üldse.
Klõpsake uuesti käivitamiseks Firefoxi taaskäivitamiseks uue või muudetud kasutajaChrome.css-faili abil.
Selles näites tahame muuta taustavärvi tumesiniseks ja muuta "Firefoxi" teksti "How-To Geeki".
Taustavärvi muutmiseks muutke "#orange" teksti rida "# appmenu-button" reale "background" teisele värvile, kasutades hex värvikoodi või HTML-koodi. Näiteks valisime tume sinise kujutise # 2C4362 hex värvi koodi.
MÄRKUS. Selleks, et välja selgitada soovitud värvi kuuskantvärvide kood, vaadake meie artikleid kümnek värvkoodide saamise kohta kümnendatest RGB värvustest, värvide valimine kõikjalt ekraanilt ja värvikoodide hankimine mitmes formaadis.
Vaheta teksti muutmiseks muutke "Firefoxi" teksti rida "sisu" reale "# appmenu-nupu otsimärkija: enne" jao soovitud tekstiga, näiteks "Kuidas-üles-geek".Pärast teksti lisamist jäi teksti ja nupu rippmenüüst rohkem ruumi.
Võite valida ka teksti värvi muutmise, muutes rea "color" sama "# appmenu-button dropmarker: enne" osa. Valisime teksti värvi valgeks( #FFFFFF), kuid võite seda muuta heledataks( # F2F2F2) või midagi sellist.
Klõpsake nuppu Salvesta ja seejärel käsku Taaskäivita, et muudatused jõustuksid.
Nupp on nüüd tumesinine ja ütleb "How-To Geek".
Lisaks taustvalguse muutmisele saate nupule lisada ka taustapilti. Oleme loonud pildi, millel on vasakul olev vihje "How-To Geek" ja läbipaistev taust, nii et tume sinine taustavärv näitab. Taustapildi lisamiseks oma nupule lisage jaotisesse "# appmenu-button" järgmine rida, muutes oma pilti oma arvutis olevate jutumärkide teed. Jätke teekonda "fail: ///".
taustapilti: url( "fail: /// C: /Users/Lori/Pictures/ htg_background.png")! Oluline;
Klõpsake nuppu Salvesta ja taaskäivitage uuesti.
Nüüd on meie nupp valmis.
Samuti saate kohandada Firefoxi menüünuppu, muutes selle ikooniks. Samuti oleme avaldanud mitmeid muid näpunäiteid ja tweaks Firefoxi kõige paremaks kasutamiseks.
