Jak upravovat dialogy aplikací Mozilla

Dost často zde uvádím nějaký ten tip, jak pomocí konfiguračního souboru userChrome.css upravit grafické rozhraní Firefoxu či jiné aplikace Mozilla. Většinou se to týká hlavního okna aplikace, ale obdobným způsobem lze upravit i libovolný dialog. Nejedná se přitom o nic složitého a vystačíte si pouze s DOM Inspektorem (a CSS samozřejmě).

Otevřete si okno DOM Inspektoru (Nástroje -> DOM Inspektor). Ve Firefoxu či jiné aplikaci Mozilla otevřete dialog, který chcete upravovat – např. dialog Možnosti. V okně DOM Inspektoru v hlavní nabídce zvolte Soubor -> Prozkoumat okno a v podnabídce zvolte otevřený dialog. Pokud si budete rozbalovat strom DOMu a klepat na jednotlivé položky, budou vám v dialogu poblikávat jeho části, které odpovídají zvolené položce. Získáte tak jednotlivé id a class prvků, které chcete modifikovat

Podstatná informace se skrývá v adresním řádku okna DOM Inspektoru. Zde je cesta k dialogu, pomocí které řeknete, který dialog se vlastně snažíte modifikovat. V mém případě se jedná o chrome://browser/content/preferences/preferences.xul. Jako základ do konfiguračního souboru userChrome.css napíšeme následující konstrukci:

@-moz-document url("adresa chrome") { }

Pomocí této konstrukce sdělujete, k jakému dialogu budou prováděny změny. V mém případě tedy bude mít konstrukce tvar:

@-moz-document
 url("chrome://browser/content/preferences/preferences.xul") { 
  /* můj kód pro úpravu dialogu */
}

Zbytek je ekvivalentní k jakékoliv úpravě skrze userChrome.css. Jako ukázku mohu zrušit nabídku v dialogu Možnosti. Ano, je to nesmyslné, ale toto je čistě ukázkový příklad. Výsledný kód bude mít podobu:

@-moz-document
 url("chrome://browser/content/preferences/preferences.xul") { 
  #BrowserPreferences > .chromeclass-toolbar {
    display:none;
  }
}

Snadné, že?

Přečtěte si také:

Komentáře

1. Miroslav Juhos (www)
Nemate tuseni jak neco pridat do kontextoveho menu? Na nej si totiz DOM inspectorem neukazu...

Konkretne se mi jedna o kontextove menu vybirajici jake toolbary budou zobrazeny.

Přidat komentář

K tomuto příspěvku není možné přidávat další komentáře.