Paano baguhin ang hitsura ng orange bar sa firefox

Gustung-gusto ko ang paraan na maaaring ipasadya ng Firefox. Ibig kong sabihin ay wala sa browser na hindi mababago o mabago alinsunod sa kinakailangan at ginhawa ng isang gumagamit. Habang sa pagganap na pagtatapos tungkol sa: mga kagustuhan ng config ay maaaring mai-tweak upang makamit ang halos anumang bagay, sa harap ng aesthetic mayroon kaming mga bahagi ng CSS na maaaring tukuyin upang baguhin ang hitsura ng interface.

Isasaalang-alang namin ang pindutan ng kahel na Firefox na nakalagay sa tuktok na kaliwa ng browser at makita kung paano mapagbago ang hitsura at pakiramdam nito. Halimbawa, suriin ang imahe (sa ibaba) at tandaan kung paano ko nabago ang kulay mula sa orange hanggang pula, ang teksto mula sa puti hanggang itim at mula sa Firefox hanggang sa. Kawili-wili, di ba?

Narito kung paano ka makakagawa ng mga katulad na pagbabago.

Mga Hakbang upang Ipasadya ang Paghahanap ng Button ng Firefox

Ang bawat profile na nilikha mo sa Firefox ay may isang CSS file na nauugnay dito. Ito ay inilaan para sa mga input ng gumagamit upang mag-iba ang pagpapakita ng browser. Sa proseso sasabihin din namin sa iyo kung paano makahanap ng file na iyon o lumikha ng isa kung wala ito.

Hakbang 1: Buksan ang Firefox at mag-navigate sa Firefox (ang orange button) -> Tulong -> Impormasyon sa Pag-troubleshoot.

Hakbang 2: Ang isang bagong tab ay ilulunsad. Maghanap para sa seksyon ng pagbabasa ng Mga Pangunahing Kaalaman sa Application. Upang makapunta sa iyong folder ng profile sa pag-click sa pindutan ng Show Folder. Ito ay nagmumungkahi upang buksan ang folder ng profile mula dito dahil kung maraming mga profile na hindi mo alam kung alin ang ginagamit.

Hakbang 3: Sa iyong direktoryo ng profile makakakita ka ng isang folder na tinatawag na chrome. Kung hindi mo mahahanap iyon, maaari kang lumikha ng isa.

Hakbang 4: Sa folder na ito dapat mayroong isang file na nagngangalang userChrome.css. Ang pangalan ay dapat eksaktong eksaktong baybay dito.

Muli, kung hindi mo mahanap ito maaari kang lumikha ng isa. Kung nariyan ito, pumunta sa Hakbang 7. Ang iba pa ay magpatuloy sa Hakbang 5.

Hakbang 5: Mag -click sa at walang laman na puwang at lumikha ng Bago -> Tekstong Teksto. Kapag tapos na, buksan ang file gamit ang Notepad.

Hakbang 6: Pumunta sa File at I- save Bilang dokumento bilang userChrome.css. Siguraduhin na binago mo ang I- save bilang uri sa Lahat ng Mga File mula sa ilalim ng dialog ng I- save. Mag-click sa I- save at isara ang dokumento.

Hakbang 7: Buksan ang file ng userChrome.css sa Notepad. Mag-click lamang sa file at piliin ang Buksan Sa -> Notepad.

Hakbang 8: Kopyahin ang snippet ng ibaba ng code (as-is) at idagdag ito sa file. I-save ang mga pagbabago.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

# pindutan ng appmenu {

background: # orange ! mahalaga;

}

# buttonmenu-button dropmarker: bago {

nilalaman: " Firefox "! mahalaga;

kulay: # FFFFFF ! mahalaga;

}

# buttonmenu-button.button-text {

ipakita: wala! mahalaga;

}

Pansinin ang mga chunks nang may tapang. Kinakatawan nila ang pindutan ng kulay, teksto at kulay ng teksto ayon sa pagkakabanggit. Upang mabago ang hitsura ng pindutan maaari mong baguhin ang mga halagang ito. Narito ang code na tumutugma sa imahe na iyong nakita sa simula.

Kung wala kang kaalaman tungkol sa mga code ng Hex maaari kang sumangguni sa link na ito. O maaari mong suriin ang isang ito.

Konklusyon

Ang pagbabagong ito ay isang menor de edad lamang. Kung maaari mong master ang mga code maaari kang magbigay ng isang makeover sa halos anumang bagay sa Firefox. Kung mayroon kang ilan sa mga ginagamit mo sa lahat ng mga taon na ito, ibahagi sa aming mga mambabasa at tulungan sa pagdala ng mga ngiti sa mga bagong gumagamit ng Firefox.