Firefox - Her zaman belirli bir öğenin alanını engelle ve kullan

Her web sitesinde bir web sitesinde belirli bir öğeyi engellemek isterim ve istediğimde belirli bir web sayfasındaki herhangi bir öğe için yapmak istiyorum. Dahası, silinen öğenin serbest bıraktığı boşluklardan daha çok web sitesinin içeriğini görüntülemek için kullanılır.

Örneğin, kenar çubuğunu Stackoverflow'ta gizlemek istediğimi (id = "sidebar") ve içeriğin (id = "content") sağ tarafındaki boş alanı otomatik olarak doldurmasına izin verin (örneğin kendisini merkezlemek için).

Ayrıca bir web sitesinde bir reklam afişinin engellenmesini ve web sitesinin daha fazla içerik göstermesine izin vermek için kullanılan alanı yapmak isteyebilirim.

AdBlock, NoScript ve Ghostery uzantılarını araştırıyorum, tüm "Facebook Like" "Google +1" vb. Tarafından serbest bırakılan alanları engelliyor ve dolduruyorlar. Ancak, belirli bir öğeyi özellikle engelleme ve diğerine izin vermelerini söyleyemem eleman kendini uzatmak için özgür yerini alır.

Bu mümkün ise, nasıl başarabilirim?

Firefox'ları arasam bile, Google Chrome'un yanıtlarını da kabul ediyorum, tercihen yalnızca belirli bir öğeyi engelleme ve diğerlerinin serbest alanı almalarına izin vermeme gibi (kısmen imkansız olacağını düşünüyorum) "kısmi" çözümleri kabul ediyorum.

Başlangıçta Yarip uzantısını istediğinizi başarabilmesi için yayınladım. JohnKiller'in belirttiği gibi, çoğu durumda bahsettiği genişlik / marj sorunları nedeniyle işi yapmaz.

Firebug + Firediff (değişiklikleri dışa aktarmak için) + Şık (değişiklikleri kalıcı yapmak için) kesinlikle gidilecek yoldur. Kenar çubuğundan kurtulmak için neyin gerekli olduğunu belirleyebildim ve kısa sürede nasıl bir metin istediğinizi yeniden aktarabilirdim.

Kenar çubuğuna dikkat etmek için şık bir stil pasajı ekledim, böylece ne kadar basit olduğunu görebilirsiniz. Değiştirilecek tüm değerler firebug ile bulundu.

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

Bunun sadece ana sayfada çalıştığını unutmayın. Sorular ve Cevap sayfalarının doğru görünmesi için birkaç değişiklik daha ekleyeceksiniz.

Bununla birlikte, gerçekten CSS'ye girmek istemiyorsanız (Firebug bunu gerçekten kolaylaştırır) deneyebileceğiniz başka bir uzantı var: HackTheWeb. Bu, hem birkaç div'i çıkarmanıza hem de sadece birkaç tuş vuruşuyla telafi etmek için başkalarını genişletmenize ve yeniden akıtmanıza izin verir, değiştirilen CSS'ye gerek yoktur. Değişikliklerinizi kaydetmek istiyorsanız yine de Şık uzantısını yüklemeniz gerekir. Değişikliklerinizin devam etmesi için gereken sürüm kısıtlamalarını (HackTheWeb sayfasında belirtildiği gibi) not alın.

Dürüst olmak gerekirse, ne istiyorsan onu başarmaya çalışırken onunla uğraşmakla zamanını çok fazla harcayacağını düşünüyorum, çünkü Firebug gibi tüm özelliklerini değiştirme gücüne sahip değil. Denedim - kesinlikle dalma ve şık kuralları elle yazmadan Stack Overflow'ta iyi çalışmaz.

Yine de kullanmayı seçerseniz , tuş vuruşlarına bir rehber .

Her yerde işe yarayan genel bir yaklaşımla bu mümkün değildir.

Yalnızca Greasemonkey gibi bir araç kullanabilir ve belirli siteleri hedefleyen komut dosyaları yazabilir ve genişlikleri buna göre ayarlayabilirsiniz.

Bunun nedeni, sayfadaki diğer öğelerin genellikle kaldırmak istediğiniz öğenin varlığına uyması için ayarlanmış bir "genişliğe" (veya düzen akışkan ise "kenar boşluğuna" sahip olmasıdır).