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

Franck Dernoncourt
la source
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

Rubén
la source
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;
  }
}
Helder Magalhães
la source
2

Mise à jour 2018. Enfin, il existe en fait une extension. Si vous utilisez Google Chrome, vous pouvez utiliser l' extension Google Hangouts Editor .

Bob Ross
la source
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;
}
Dan
la source
D'ACCORD. Et je pensais que cela serait également utile. Si vous n'aimez pas le noir.
Dan