Як поміняти кольори в Firefox

Ця стаття розповість вам, як змінити зовнішній вигляд Firefox за допомогою настройки персонального профілю Chrome.css.




Метод 1 з 2: Коди ChromeEdit Plus

  1. Як поміняти кольори в Firefox

    1

    Зовнішній вигляд Firefox Chrome не так просто змінити, але в цьому вам допоможе розширення ChromeEdit Plus, яке можна завантажити тут.

  2. 2

    Відкрийте ChromeEdit і в userChrome.css введіть код, натисніть «Save» і перезапустіть браузер. Іноді код автоматично стирається, і зовнішній вигляд браузера повертається до вихідного стану.

  • UserChrome.css не дуже просте і виглядає приблизно так:
[b]/ * Menu and toolbar color * /

[b]navigator-toolbox {background: # efcb87! important-

[b]}
  • Не кожен CSS код, який можна знайти в інтернеті, працюватиме у вашому браузері. (Нижчеописані коди були перевірені в останній версії Firefox.)
  • Цей код змінює колір двох верхніх смужок вікна браузера або меню і панелі навігації:
[b]/ * Menu and toolbar color * /

[b]navigator-toolbox {background: # efcb87! important-

[b]}
  • Цей код змінює розмір і колір шрифту адресного рядка:
[b]/ * Change address bar font * /


[b]Як поміняти кольори в Firefox

  1. [b]urlbar {font-family: Arial! important- font-size: 11pt! important-

[b]color: brown! important- background-color: # 9fddef! important-

[b]}
  • Цей код змінює колір фону панелі закладок:
[b]/ * Booksmarks toolbar color * /

[b]PersonalToolbar {background: # a8d787! Important-

[b]}
  • Цей код змінює колір панелі вкладок:
[b]/ * Change tab bar background color * /


[b]Як поміняти кольори в Firefox

  1. [b]browser tabs {-moz-appearance: none! important-

[b]border: 0! important-
background-color: # df8453! important-

[b]}
  • Цей код змінює розмір (але не колір) шрифту у вікні пошуку.
[b]/ * Searchbar font type size * /


[b]Як поміняти кольори в Firefox

  1. [b]searchbar {font-family: Arial! important- font-size: 12pt! important-
[b]}
  • Цей код змінює кольори фону у вікні пошуку:
[b]/ * Search bar color * /


[b]Як поміняти кольори в Firefox

  1. [b]search-container .searchbar-textbox {

[b]-moz-appearance: none! important-border: 0! important-
background-color: gold! important-

[b]}
  • Кнопка «Go»:
[b]/ * Remove go button * /


[b]Як поміняти кольори в Firefox

  1. [b]go-button-stack, .search-go-button-stack {

[b]display: none! important-

[b]}
  • Меню «Help»:
[b]/ * Remove the helpMenu * /
  1. [b]helpMenu, # help-menu {

[b]display: none! important-

[b]}
  • Індикатор активності (throbber):
[b]/ * Eliminate the throbber * /
  1. [b]throbber-box {display: none! important-
[b]}
  • Вкладка:
[b]/ * Tab width * /


  1. [b]browser.tabs.tab {

[b]ClipWidth ", 50- MinWidth", 50) -
important-

[b]}
  • Панель пошуку:
[b]/ * Slightly rounded address and search bar corners * /
  1. [b]urlbar {> br>

[b]-moz-appearance: none! important-
-moz-border-radius: 3px! important-
padding-right: 1px! important-

[b]}
  • Індикатор процесу:
[b]/ * Change the progress bar color * /

[b].progress-bar {
-moz-appearance: none! important-
background-color: # 660000! important-

[b]}
  • Рядок стану:
[b]/ * Change status bar text color / size * /
  1. [b]status-bar {-moz-appearance: none! important-

[b]color: brown- font: bold 10pt Arial-! important-

[b]}
  • Заміна рядка стану:
[b]/ * Statusbar override display of default text color bg * /

[b]window statusbarpanel {
-moz-appearance: none! important-
color: blue! important-
border-top: 1px solid ThreeDShadow-
border-left: 2px solid ThreeDHighlight-
border-right: 2px solid ThreeDHighlight-
border-bottom: 1px;
background-color: # df8453-
min-height: 22px;

[b]}
  • UserChrome.css:
[b]/ * Allows increase or decrease of padding

[b]or margin around icons selected for bookmarks * /

  1. [b]personal-bookmarks toolbarbutton {

[b]margin: 0px 8px 0px 8px! important-
padding: 4px 4px 4px 4px! important

[b]}

Метод 2 з 2: Інша інформація

  1. 1

    Інші коди: mozillaZine і нові коди Mozilla Chrome.

  2. 2

    Налаштувати зовнішній вигляд і колір можна за допомогою додаткових розширень.

  3. 3

    Панель закладок. Ви можете використовувати значки сайтів, видаляти текст і вставляти інтервали. Щоб додати значки на панель закладок, захопіть значок сайту в адресному рядку і перетягніть його в панель закладок. Щоб видалити текст у значка, клацніть правою кнопкою миші по значку і виберіть «Properties» - «Delete name». В останніх версіях Firefox ви можете вибрати значок- для цього клацніть правою кнопкою миші по значку сайту на панелі закладок, натисніть «Properties» - «icon» - «Browse» і виберіть значок (створений вами або скачаний з інтернету).

  4. 4

    Панель вкладок.

  • Можна почати з розширення Tab Mix Plus. Воно має багато опцій для управління вкладками (проте воно таке складне, що звичайний користувач не розбереться в цьому розширенні). Є більш просте розширення для управління вкладками - Tab Browser Preferences. Для його запуску натисніть «Options» - «Tab» - «Tabbed Browsing». Щоб відкривати нові вкладки у вікні, натисніть «Tab Focus» - «Mouse Tab Focus» - «Select» - «New tabs created by links».
  • Щоб позбутися від тексту і стиснути вкладки, скачайте розширення Faviconize Tab.
  • Для автоматичного видалення тексту і стиснення вкладок введіть адреси сайтів в розширення faviconize.
  • Для того щоб вкладки були пофарбовані в різні кольори, встановіть розширення Colorful Tabs. Воно призначає вкладках випадкові кольору.
  • Для закріплення вкладок скористайтеся розширенням Tab Mix Plus. Щоб видалити значок у вигляді замку, натисніть «Tab Mix Plus Options» - «Display» - «Tab» і приберіть прапорець у «Tab icons for lock and protected». Також закріпити вкладки можна через розширення

PermaTabs.

  • Для того щоб одночасно закрити всі вкладки (крім закріплених), встановіть розширення Close All Tabs- кнопка розширення відобразиться на панелі інструментів.
  • Іншим розширенням для управління вкладок є

Tab Control.

  • Ще одним корисним розширенням є

CollorZilla, яке відображає шістнадцяткові колірні коди будь-якого елементу у вікні браузера.