Comment supprimer l'arrière-plan des Hangouts?


16

https://hangouts.google.com/ met une image en arrière-plan par défaut. Comment le supprimer, c'est-à-dire laisser un fond monochrome?

Avec photo:

entrez la description de l'image ici

Sans photo:

entrez la description de l'image ici


1
Si quelqu'un veut connaître la motivation d'une telle demande, la mienne est que Hangouts ralentit mon ordinateur à une analyse, et j'aimerais réduire autant que possible les ballonnements inutiles.
palswim

@palswim Même ici
Franck Dernoncourt

Réponses:


10

Réponse courte

Utilisez un gestionnaire CSS personnalisé et appliquez le code ci-dessous à https://hangouts.google.com/ .

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

Explication

Google Hangouts ne comprend pas d'option pour désactiver la photo d'arrière-plan. Les alternatives consistent à utiliser les outils de développement du navigateur pour modifier le code source à chaque chargement de la page Hangouts ou à utiliser un gestionnaire CSS personnalisé qui vous aide à enregistrer et à appliquer votre style CSS personnalisé.

Les CSS personnalisés sont également appelés "styles utilisateur personnalisés" ou simplement "styles utilisateur".

J'utilise Stylish pour Chrome depuis les derniers mois, mais il y en a d'autres disponibles.

  • .kFx1Ae-xdwExf-eb-mest un sélecteur qui sélectionne un élément HTML par nom de classe. Dans https://hangouts.google.com, le nom de classe spécifié est utilisé pour la balise div utilisée pour contenir les balises img qui appellent les photos d'arrière-plan du Hangout.
  • display:none est un attribut de style qui masque l'élément spécifié.

Les références


2
En décembre 2018, le modèle ci-dessus ne fonctionnait pas pour moi. J'ai fini par utiliser "div.g-Qx-eb" avec succès.
Alan De Smet

9

@ La réponse de Rubén est correcte, étant donné la question, mais j'aimerais l'améliorer légèrement avec une petite note:

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

La classe supplémentaire, Id-qy-By cible les remerciements affichés ainsi que les photos récupérées sur Google+, telles que:

Photo par Alex Wrigley

partagé sur Google+

(exemple de capture d'écran contenant l'avis ci-dessus)

Notez que les photos sélectionnées dans le référentiel interne (gstatic serveurs) n'incluent pas de tels remerciements.

En résumé, pas de photo ... pas de crédit!;-)

PS: Je ferais un commentaire au lieu de proposer une réponse distincte mais la réputation n'était pas suffisante au moment d'écrire ces lignes.

Mise à jour 2017-01-03: Règle complète utilisée dans Stylish (2.0.7 pour Firefox 50.1.0), qui propose un filtrage plus strict pour de meilleures performances : domaine ( hangouts.google.com) et type d'élément ( div):

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

Mise à jour 2017-11-08: une procédure similaire fonctionne pour Stylus (1.1.4.2 pour Firefox 56), maintenant que Stylish est (actuellement) marqué hérité :

  1. Créer une nouvelle règle
  2. Au format Mozilla , appuyez sur Importer bouton
  3. Collez le code de la section ci-dessus
  4. Nommez la règle (par exemple, élément d'arrière-plan Masquer le Hangout )

Mise à jour 2018-11-05: la classe CSS a été mise à jour après avoir remarqué la mise à niveau principale de Hangouts (qui a modifié certaines infrastructures et a donc enfreint les règles précédentes pour la photo elle-même):

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


0

Vous pouvez également changer l'arrière-plan en une couleur autre que le noir avec:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}

D'ACCORD. Et je pensais que cela serait également utile. Si vous n'aimez pas le noir.
Dan
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.