Firefox - всегда блокировать и использовать пространство данного элемента

Question

Я хотел бы заблокировать определенный элемент на веб-сайте, каждый раз, когда я захожу на него, и я хочу сделать это для любого элемента на данной веб-странице, когда захочу. Кроме того, я хочу, чтобы пространство, освобожденное удаленным элементом, использовалось для отображения большей части содержимого веб-сайта.

Например, я хочу скрыть боковую панель в Stackoverflow (id = "sidebar") и позволить содержимому (id = "content") автоматически заполнить освободившееся пространство с правой стороны (центрируя себя для примера).

Я также хотел бы сделать рекламный баннер на веб-сайте заблокированным и использовать пространство, позволяющее веб-сайту отображать больше контента.

Я искал расширения AdBlock, NoScript и Ghostery, они блокируют и заполняют пространства, освобождаемые всеми "лайками в Facebook", «Google +1» и т.д. Но я не могу сказать им, чтобы они специально блокировали один данный элемент и позволяли другому элемент занимает свое свободное место, чтобы расширить себя.

Если это возможно, как я могу этого достичь?

Я также принимаю ответы в Google Chrome, даже если я ищу Firefox, желательно, чтобы я принимал "частичные" решения, такие как блокирование только одного элемента и не позволяя другим занимать свободное место (что, я думаю, может быть невозможным).

Answer 1

Первоначально я опубликовал расширение Yarip как способное выполнить то, что вы хотите. Как отметил ДжонКиллер, во многих случаях он не справится с работой из-за проблем с шириной / полем, которые он упомянул.

Firebug + Firediff (для экспорта изменений) + Стильный (чтобы изменения были постоянными) - это определенно верный путь. Я смог определить, что нужно, чтобы избавиться от боковой панели и переформатировать текст, как вы хотели, в очень короткое время.

Я включил стильный фрагмент кода, чтобы позаботиться о боковой панели, чтобы вы могли видеть, насколько это просто. Все значения, которые будут изменены, были найдены с помощью firebug.

@-moz-document domain(superuser.com), domain(stackoverflow.com) {
    #sidebar, .sidebar {
        visibility: hidden
    }
    #mainbar, .mainbar {
        width: 980px
    }
    .question-summary {
        width: 980px
    }
    .narrow .summary {
        width: 799px
    }
}

Обратите внимание, что это работает только на главной странице. Вы добавите еще несколько изменений, чтобы страницы вопросов и ответов выглядели правильно.

Тем не менее, если вы действительно не хотите углубляться в CSS (Firebug делает это действительно легко), есть другое расширение, которое вы можете попробовать: HackTheWeb. Это позволяет вам как удалять div, так и расширять и перекомпоновывать других, чтобы компенсировать это всего несколькими нажатиями клавиш, без изменения CSS. Вам все равно нужно будет установить расширение Stylish, если вы хотите сохранить изменения. Обратите внимание на ограничения версии (как указано на странице HackTheWeb), необходимые для сохранения изменений.

Честно говоря, хотя я думаю, что вы потратите много времени, пытаясь заставить его выполнить то, что вы хотите, потому что он просто не может изменять все свойства, как это делает Firebug. Я пытался - это определенно не очень хорошо работает с переполнением стека без погружения и написания правил в Стиле вручную.

Если вы решите использовать его, вот руководство по нажатию клавиш.

Answer 2

Это невозможно с универсальным подходом, который работает везде.

Вы можете использовать только такой инструмент, как Greasemonkey, и писать сценарии для определенных сайтов и соответственно регулировать ширину.

Это связано с тем, что для других элементов на странице обычно устанавливается "ширина", чтобы учесть наличие элемента, который вы хотите удалить (или "поле", если макет изменчив).