https://hangouts.google.com/ pone alguna imagen como fondo de forma predeterminada. ¿Cómo eliminarlo, es decir, dejar un fondo monocolor?
Con foto:
Sin foto:
https://hangouts.google.com/ pone alguna imagen como fondo de forma predeterminada. ¿Cómo eliminarlo, es decir, dejar un fondo monocolor?
Con foto:
Sin foto:
Respuestas:
Use un administrador de CSS personalizado y aplique el siguiente código a https://hangouts.google.com/ .
.kFx1Ae-xdwExf-eb-m {
display:none;
}
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-m
es 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.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 ( gstatic
servidores) 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 :
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;
}
}
Actualización 2018. Finalmente, en realidad hay una extensión. Si está utilizando Google Chrome, puede utilizar la extensión Google Hangouts Editor .