Скрыть пункт меню в Firefox

Все описанное производилось на сегодняшней Firefox 3,7а1пре. Скачать можно с мозилловского фтп: http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central/ <br/><br/>Но помните - это не просто альфа, это ПРЕальфа. <br/><br/>Итак, устанавливаем аддоны: <br/>Стайлиш: https://addons.mozilla.org/en-US/firefox/addon/2108 <br/>ДОМ Инспектор: https://addons.mozilla.org/en-US/firefox/addon/6622 <br/><br/>После установки и перезагрузки браузера в правом нижнем углу появится иконка стайлиша. Кликаем по ней правой кнопкой...
22 января 2010, пятница 22:48
Dimakey для раздела Блоги
Все описанное производилось на сегодняшней Firefox 3,7а1пре. Скачать можно с мозилловского фтп: http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central/

Но помните - это не просто альфа, это ПРЕальфа.

Итак, устанавливаем аддоны:
Стайлиш: https://addons.mozilla.org/en-US/firefox/addon/2108
ДОМ Инспектор: https://addons.mozilla.org/en-US/firefox/addon/6622

После установки и перезагрузки браузера в правом нижнем углу появится иконка стайлиша. Кликаем по ней правой кнопкой и выбираем управление стилями:



Затем, в открывшемся менеджере стилей создаем новый стиль:



Задаём новому стилю имя (обязательно) и теги (не обязательно). Первой строкой определяем пространство имен:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");





Теперь запускаем DOM Inspector:



В инспекторе в строку адреса вводим: chrome://browser/content/browser.xul и кликаем кнопочку Inspect в правом верхнем углу.

В нижней половине инспектора появится интерфейс лисы (у вас он скорее всего будет выглядеть не так, но подобно):



Теперь кликаем стрелочку в левом верхнем углу и выбираем ей интересующий нас пункт меню. На скриншоте этого не видно, но выбранный пункт должен обвестись красным, а курсор в поле DOM Nodes перейдет на строку кода, отвечающего именно за этот пункт:



Разворачиваем иерархию кликая по треугольничкам перед строками и добераемся до того пункта, который нужно скрыть:



Тут, как отмечено стрелкой нас интересует ID этого пункта меню. В данном примере "aboutName".

Возвращаемся к ранее созданному стилю и вписываем в него то, что только что узнали, не забыв поставить перед ним решетку и дописываем ключевые слова в фигурных скобках - {display: none !important;}:

#aboutName {display: none !important;}:



Сохраняем.

Результат:

До



После