Wie kann ich den Hintergrund in den Hangouts entfernen?

16

https://hangouts.google.com/ legt standardmäßig ein Bild als Hintergrund fest. Wie entferne ich es, dh hinterlasse einen einfarbigen Hintergrund?

Mit Foto:

Bildbeschreibung hier eingeben

Ohne Foto:

Bildbeschreibung hier eingeben

Franck Dernoncourt
quelle
1
Wenn jemand die Motivation für eine solche Anfrage wissen möchte, ist meine, dass Hangouts meinen Computer zum Crawling verlangsamt, und ich möchte unnötiges Aufblähen so weit wie möglich reduzieren.
Palswim
@ Palswim Gleiche hier
Franck Dernoncourt

Antworten:

10

Kurze Antwort

Verwenden Sie einen benutzerdefinierten CSS-Manager und wenden Sie den folgenden Code auf https://hangouts.google.com/ an .

.kFx1Ae-xdwExf-eb-m {
    display:none;
}

Erläuterung

In Google Hangouts ist keine Option zum Deaktivieren des Hintergrundfotos enthalten. Alternativ können Sie die Tools der Browser-Entwickler verwenden, um den Quellcode jedes Mal zu bearbeiten, wenn die Hangouts-Seite geladen wird, oder einen benutzerdefinierten CSS-Manager verwenden, mit dem Sie Ihren benutzerdefinierten CSS-Stil speichern und anwenden können.

Benutzerdefiniertes CSS wird auch als "benutzerdefinierte Benutzerstile" oder "Benutzerstile" bezeichnet.

Ich habe Stylish for Chrome in den letzten Monaten verwendet, aber es sind andere verfügbar.

  • .kFx1Ae-xdwExf-eb-mist ein Selektor, der ein HTML-Element nach Klassennamen auswählt. In https://hangouts.google.com wird der angegebene Klassenname für das div-Tag verwendet, das die img-Tags enthält, mit denen die Hangout-Hintergrundfotos aufgerufen werden.
  • display:none ist ein Stilattribut, das das angegebene Element verbirgt.

Verweise

Rubén
quelle
2
Ab Dezember 2018 hat das obige Muster bei mir nicht funktioniert. Ich habe "div.g-Qx-eb" erfolgreich verwendet.
Alan De Smet
9

Die Antwort von @ Rubén ist in Anbetracht der Frage richtig, aber ich möchte sie mit einer kleinen Nite leicht verbessern:

.kFx1Ae-xdwExf-eb-m, .Id-qy-By {
    display:none;
}

Die zusätzliche Klasse Id-qy-Byzielt auf Bestätigungen ab, die zusammen mit von Google+ abgerufenen Fotos angezeigt werden, z.

Foto von Alex Wrigley

auf Google+ geteilt

(Beispiel-Screenshot mit obigem Hinweis)

Beachten Sie, dass Fotos, die aus dem internen Repository ( gstaticServer) ausgewählt wurden, solche Bestätigungen nicht enthalten.

Fazit ist: Kein Foto ... Keine Gutschrift! ;-)

PS: Ich würde einen Kommentar abgeben, anstatt eine separate Antwort vorzuschlagen, aber zum Zeitpunkt des Schreibens war nicht genügend Ruf vorhanden.

Update 2017-01-03: Die vollständige Regel wird in Stylish (2.0.7 für Firefox 50.1.0) verwendet, das eine strengere Filterung bietet, um die Leistung zu verbessern : Domäne ( hangouts.google.com) und Elementtyp ( div):

@-moz-document domain("hangouts.google.com") {
  div.kFx1Ae-xdwExf-eb-m, div.Id-qy-By {
    display:none;
  }
}

Update 08.11.2017: Ein ähnliches Verfahren funktioniert für Stylus (1.1.4.2 für Firefox 56), da Stylish (derzeit) als Legacy gekennzeichnet ist :

  1. Erstellen Sie eine neue Regel
  2. Klicken Sie im Mozilla-Format auf die Schaltfläche Importieren
  3. Fügen Sie den Code aus dem obigen Abschnitt ein
  4. Benennen Sie die Regel (z. B. Hangout-Hintergrundelement ausblenden ).

Update 2018.11.05: CSS - Klasse aktualisiert , nachdem Hangout - Back-End - Upgrade zu bemerken (was einige Infrastruktur geändert und damit brach die bisherigen Regeln für das Foto selbst):

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}
Helder Magalhães
quelle
2

Update 2018. Schließlich gibt es tatsächlich eine Erweiterung. Wenn Sie Google Chrome verwenden, können Sie die Google Hangouts Editor- Erweiterung verwenden.

Bob Ross
quelle
0

Sie können den Hintergrund auch in eine andere Farbe als Schwarz ändern:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}
Dan
quelle
IN ORDNUNG. Und ich dachte, das wäre auch hilfreich. Wenn du Schwarz nicht liebst.
Dan