Kuidas kohandada Orange Firefoxi menüünupu välimust

Kas olete väsinud oranži Firefoxi menüünupu vaatamisel? Firefoxi kasutajaliides on täiesti kohandatav, nii et saate oma Firefoxi menüünupu värvi, teksti ja muid omadusi muuta, et luua oma kohandatud välimus.

Firefoxi menüünupu välimuse muutmiseks redigeerime faili userChrome.css. See fail võimaldab teil muuta Firefoxi mis tahes osa välimust ja selle funktsionaalsust.

Enne sukeldumist failis userChrome.css installime me lisandmooduli, nimega ChromEdit Plus, mis võimaldab meil faili kergesti redigeerida ja õiges vormingus salvestada. ChromEdit Plus veebilehe avamiseks klõpsake sellel lingil.

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

Klõpsake lehel nuppu Lisa Firefoxi.

Kuvatakse järgmine teade. Lisandmooduli ChromEdit Plus installimise jätkamiseks klõpsake nuppu Luba.

MÄRKUS. Olge laienduste ja muu tarkvara installimisel lubatute suhtes väga ettevaatlik. Kui te pole toote kohta kindel või ei usalda seda, ärge installige. Testisime ChromEdit Plus'i ja leidsime, et see on ohutu ja usaldusväärne.

Kuvatakse dialoogiboks Tarkvara installeerimine. Klõpsake nuppu Install Now (Installi kohe), mis ei pruugi olla saadaval enne, kui loendaja lõpeb.

MÄRKUS. Saate muuta nupu Install nupu pikkust, kuid me ei soovita selle väljalülitamist.

Installi lõpetamiseks peate Firefoxi taaskäivitama. Klõpsake hüpikaknas dialoogis Restart Now.

Pärast Firefoxi taaskäivitamist lisatakse kasti ChromEdit Plus paremasse serva nuppu. Klõpsake seda akna ChromEdit Plus avamiseks.

Aknas ChromEdit Plus on vaikimisi kolm sakki. Me redigeerime faili userChrome.css, mis asub esimesel kaardil. Kui vahekaart on tühi, kopeerige ja kleepige järgmine tekst userChrome.css vahekaardile ja klõpsake nuppu Salvesta. See annab sulle vaikimisi faili userChrome.css.

@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu-nupp
taust: #orange!

# appmenu-nupu langetaja: enne
sisu: “Firefox”!
värv: #FFFFFF! oluline;

# appmenu-nupp. nupp-tekst
kuva: puudub!

Sul võib olla juba fail userChrome.css, millisel juhul on tabelis userChrome.css juba tekst. Kopeerige kogu ülaltoodud tekst, välja arvatud esimene rida, rida @namespace, ja kleepige see vahekaardile kusagil pärast @namespace'i rida. Kui soovite seda, mida olete juba varem säilitanud, saate ülaltoodud teksti faili lõpus kleepida.

TÄHTIS: Veenduge, et kõik userChrome.css-i tsitaadid ei ole arukad tsitaadid, sealhulgas need, mis on reas @namespace. Nad peaksid olema tavalised, sirged jutumärgid. Kui mõni neist on nutikas hinnapakkumisi, ei mõjuta fail Firefoxi välimust üldse.

Firefoxi taaskäivitamiseks uue või muudetud userChrome.css faili abil klõpsake nuppu Restart.

Selles näites muudame taustavärvi tumedaks ja muudame "Firefoxi" teksti "How-To Geek".

Taustavärvi muutmiseks muutke “# appmenu-nupp” sektsiooni “taustal” oleva teksti „#orange” teksti erinevat värvi, kasutades kuu värvi koodi või HTML-värvikoodi. Näiteks valisime tumesinise kuue värvikoodiga # 2C4362.

MÄRKUS. Soovitud värvi kuu värvi koodi selgitamiseks vaadake meie artikleid kuue värvi koodide saamise kohta kümnendkohtadest RGB, värvide valimine kõikjal ekraanil ja värvikoodide hankimine mitmes vormingus.

Nupu teksti muutmiseks muutke “Firefox” tekst „# appmenu-nupu langetaja: enne” jaotises „sisu” reas soovitud tekstile, näiteks „Kuidas-Geek“. Lisasime teksti järele teksti, et teksti ja nupu rippmenüü vahel oleks rohkem ruumi.

Te saate valida ka teksti värvi muutmise, muutes sama värvi rida samas osas „# appmenu-button dropmarker: before”. Me jätsime teksti värvi valgeks (#FFFFFF), kuid saate selle muuta helehalliks (# F2F2F2) või midagi sellist.

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

Nupp on nüüd tumesinine ja ütleb: „Kuidas-geek”.

Lisaks taustavärvi muutmisele saate nupule lisada ka taustpildi. Lootsime pildi, millel on vasakul ja läbipaistval taustal How-To Geek favicon, nii et tumesinine taustavärv näitab. Taustapildi lisamiseks nupule lisage jaotisesse # appmenu-nupp järgmine rida, muutes jutumärkide asukohta teie pildi asukohta arvutis. Jäta „fail: ///” teele.

taustapilt: url (“fail: /// C: /Users/Lori/Pictures/htg_background.png”)!

Klõpsake uuesti Salvesta ja taaskäivitage.

Nüüd on meie nupp valmis.

Samuti saate kohandada Firefoxi menüünuppu, muutes selle ikooniks. Oleme avaldanud ka palju muid näpunäiteid ja näpunäiteid, et saada Firefoxist kõige rohkem kasu.