Jak mogę usunąć tło w Hangouts?

16

https://hangouts.google.com/ domyślnie umieszcza obraz jako tło. Jak go usunąć, tzn. Pozostawić jednokolorowe tło?

Ze zdjęciem:

wprowadź opis zdjęcia tutaj

Bez zdjęcia:

wprowadź opis zdjęcia tutaj

Franck Dernoncourt
źródło
1
Jeśli ktoś chce poznać motywację takiego żądania, moim jest to, że Hangouts spowalnia mój komputer do indeksowania, a ja chcę maksymalnie ograniczyć zbędne wzdęcia.
palswim
@palswim To samo tutaj
Franck Dernoncourt

Odpowiedzi:

10

Krótka odpowiedź

Użyj niestandardowego menedżera CSS i zastosuj poniższy kod do https://hangouts.google.com/ .

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

Wyjaśnienie

Google Hangouts nie zawiera opcji wyłączenia zdjęcia w tle. Alternatywą jest użycie narzędzi dla programistów przeglądarki do edycji kodu źródłowego za każdym razem, gdy strona Hangouts jest ładowana, lub użycie niestandardowego menedżera css, który pomaga zapisać i zastosować niestandardowy styl CSS.

Niestandardowe CSS są również nazywane „niestandardowymi stylami użytkownika” lub po prostu „stylami użytkownika”.

Używam Stylish for Chrome przez ostatnie miesiące, ale są inne dostępne.

  • .kFx1Ae-xdwExf-eb-mto selektor, który wybiera element HTML według nazwy klasy. Na https://hangouts.google.com określona nazwa klasy jest używana dla tagu div służącego do przechowywania tagów img, które wywołują zdjęcia tła Hangouta.
  • display:none jest atrybutem stylu, który ukrywa określony element.

Bibliografia

Ruben
źródło
2
W grudniu 2018 r. Powyższy wzór nie działał dla mnie. Skończyło się na tym, że z powodzeniem użyłem „div.g-Qx-eb”.
Alan De Smet,
9

Odpowiedź na pytanie Rubena jest poprawna, biorąc pod uwagę pytanie, ale chciałbym go nieco poprawić, wprowadzając niewielką nitkę:

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

Dodatkowa klasa, Id-qy-Bywskazuje na potwierdzenia wyświetlane wraz ze zdjęciami pobranymi z Google+, takie jak:

Zdjęcie Alex Wrigley

udostępnione w Google+

(przykładowy zrzut ekranu zawierający powyższe powiadomienie)

Pamiętaj, że zdjęcia wybrane z wewnętrznego repozytorium ( gstaticserwerów) nie zawierają takich potwierdzeń.

Konkluzja jest taka: Brak zdjęcia ... Brak kredytu! ;-)

PS: Chciałbym skomentować zamiast zaproponować osobną odpowiedź, ale w chwili pisania tego tekstu nie było wystarczającej reputacji.

Aktualizacja 2017-01-03: Pełna reguła jest używana w stylowym (2.0.7 dla Firefox 50.1.0), który oferuje ściślejsze filtrowanie w celu poprawy wydajności : domain ( hangouts.google.com) i typ elementu ( div):

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

Aktualizacja 2017-11-08: Podobna procedura działa dla Stylusa (1.1.4.2 dla Firefox 56), teraz, gdy Stylish jest (obecnie) oznaczony jako dziedzictwo :

  1. Utwórz nową regułę
  2. W formacie Mozilla naciśnij przycisk Importuj
  3. Wklej kod z powyższej sekcji
  4. Nazwij regułę (na przykład Ukryj element tła Hangouta )

Aktualizacja 2018-11-05: Klasa CSS zaktualizowana po zauważeniu aktualizacji zaplecza Hangouts (która zmieniła trochę infrastrukturę, a zatem złamała poprzednie reguły dla samego zdjęcia):

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}
Helder Magalhães
źródło
0

Możesz także zmienić tło na kolor inny niż czarny za pomocą:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}
Dan
źródło
DOBRZE. Pomyślałem, że to też pomoże. Jeśli nie kochasz czerni.
Dan