¿Cómo puedo eliminar el fondo en los Hangouts?

16

https://hangouts.google.com/ pone alguna imagen como fondo de forma predeterminada. ¿Cómo eliminarlo, es decir, dejar un fondo monocolor?

Con foto:

ingrese la descripción de la imagen aquí

Sin foto:

ingrese la descripción de la imagen aquí

Franck Dernoncourt
fuente
1
Si alguien quiere saber la motivación para tal solicitud, la mía es que Hangouts ralentiza mi computadora y me gustaría reducir la hinchazón innecesaria tanto como sea posible.
palswim
@palswim Mismo aquí
Franck Dernoncourt

Respuestas:

10

Respuesta corta

Use un administrador de CSS personalizado y aplique el siguiente código a https://hangouts.google.com/ .

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

Explicación

Google Hangouts no incluye una opción para desactivar la foto de fondo. Las alternativas son usar las herramientas de desarrollo del navegador para editar el código fuente cada vez que se carga la página de Hangouts o usar un administrador de CSS personalizado que lo ayude a guardar y aplicar su estilo CSS personalizado.

Los CSS personalizados también se denominan "estilos de usuario personalizados" o simplemente "estilos de usuario".

He estado usando Stylish para Chrome durante los últimos meses, pero hay otros disponibles.

  • .kFx1Ae-xdwExf-eb-mes un selector que selecciona un elemento HTML por nombre de clase. En https://hangouts.google.com, el nombre de clase especificado se usa para la etiqueta div utilizada para contener las etiquetas img que llaman a las fotos de fondo del Hangout.
  • display:none es un atributo de estilo que oculta el elemento especificado.

Referencias

Rubén
fuente
2
A partir de diciembre de 2018, el patrón anterior no funcionó para mí. Terminé usando "div.g-Qx-eb" con éxito.
Alan De Smet
9

La respuesta de @Rubén es correcta, dada la pregunta, pero me gustaría mejorarla ligeramente con una pequeña mentira:

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

La clase adicional Id-qy-By, se dirige a los reconocimientos que se muestran junto con las fotografías recuperadas de Google+, como:

Foto de Alex Wrigley

compartido en Google+

(captura de pantalla de muestra que contiene el aviso anterior)

Tenga en cuenta que las fotos seleccionadas del repositorio interno ( gstaticservidores) no incluyen dichos reconocimientos.

La conclusión es: Sin foto ... ¡Sin crédito! ;-)

PD: Yo comentaría en lugar de proponer una respuesta por separado, pero no había suficiente reputación disponible al momento de escribir este artículo.

Actualización 2017-01-03: La regla completa se usa en Stylish (2.0.7 para Firefox 50.1.0), que cuenta con un filtrado más estricto para mejorar el rendimiento : dominio ( hangouts.google.com) y tipo de elemento ( div):

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

Actualización 2017-11-08: Un procedimiento similar funciona para Stylus (1.1.4.2 para Firefox 56), ahora que Stylish está marcado (actualmente) como legado :

  1. Crea una nueva regla
  2. En formato Mozilla , presione el botón Importar
  3. Pegue el código de la sección de arriba
  4. Asigne un nombre a la regla (por ejemplo, elemento de fondo de ocultar Hangout )

Actualización 2018-11-05: clase CSS actualizada después de notar la actualización de back-end de Hangouts (que cambió algo de infraestructura y, por lo tanto, rompió las reglas anteriores para la foto en sí):

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

Actualización 2018. Finalmente, en realidad hay una extensión. Si está utilizando Google Chrome, puede utilizar la extensión Google Hangouts Editor .

Bob Ross
fuente
0

Además, puede cambiar el fondo a un color que no sea negro con:

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}
Dan
fuente
OKAY. Y pensé que esto también sería útil. Si no amas el negro.
Dan