Skip to main content

Kuidas kohandada Orange Firefoxi menüünupu väljanägemist

Kuidas kohandada Orange Firefoxi menüünupu väljanägemist

Geoffrey Carr

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. Laienduste ja muu tarkvara installimisel olge väga ettevaatlik. 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.

Vaikimisi on ChromEdit Plus aknas 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/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; }

Teil võib olla juba kasutajaChrome.css-faili, mille puhul 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 oleks 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.

Uuesti või uuendatud kasutajaChrome.css faili taaskäivitamiseks klõpsake Firefoxi taaskäivitamiseks uuesti.

Selles näites muudame taustavärvi tumesiniseks ja muudame Firefoxi teksti "Kuidas-to-Geeki".

Taustavärvi muutmiseks muutke "#orange" teksti rida "# appmenu-button" reale "background" teisele värvile, kasutades hex-värvi koodi 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 hankimisel kümnendatest RGB värvustest, värvide valimine kõikjalt ekraanilt ja värvikoodide saamine mitmes vormingus.

Nuppude teksti muutmiseks muutke soovitud teksti (nt "How-To Geek") rea "sisuvõrgu" teksti "Firefox" teksti soovitud teksti "# appmenu-nupu otsimärkija: enne" osa. Pärast teksti lisamist jäi teksti ja nupu rippmenüüst rohkem ruumi.

Teksti värvi saate muuta ka teksti värvi muutmisega samas jaotises "# appmenu-nupu otsikute tegija: enne". Valisime teksti värvi valgeks (#FFFFFF), kuid võite seda muuta heledataks (# F2F2F2) või midagi sellist.

Muudatuste jõustumiseks klõpsake Salvesta ja seejärel käsku Taaskäivita.

Nupu nupp on nüüd tumesinine ja ütleb "Kuidas-Ge Geek".

Peale taustavärvi muutmise saate nupule taustapilti lisada. 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 tee faili: ///.

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

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.

Link
Plus
Send
Send
Pin