Buenas,
Quisiera solicitar al equipo de Mediavida la posibilidad de crear una etiqueta llamada [niebla][/niebla], similar a la función que existe en Telegram, que permita difuminar imágenes.
Además, sería ideal que el usuario tuviera la opción de quitar la "niebla" de todo el mensaje o, alternativamente, de forma individual en cada imagen.
Un saludo.
Ya tenemos etiquetas para ello que además, reducen la longitud de los mensajes si lo que quieres ocultar es muy extenso.
Es para usarlo con imagenes. Que las difuminen. Y cuando el usuario haga click se muestre como tendria que verse. Si eso es posible claro.
Pues:
Sí, se puede crear una etiqueta personalizada para implementar el efecto de "niebla" en un foro como mediavida.com, siempre y cuando el sistema del foro permita la creación de etiquetas personalizadas o modificaciones de código.
Aquí tienes cómo podría hacerse:
Ejemplo de Sintaxis del Foro:
Un usuario podría escribir:
bash
[niebla]https://ruta-a-la-imagen-o-video.com[/niebla]El foro procesaría esta etiqueta para envolver el contenido en un contenedor con las clases y funciones necesarias para aplicar el efecto de "niebla".
Implementación del Lado del Foro:
El sistema del foro traduciría esta etiqueta a un bloque HTML como este:
html
<div class="blurred-content">
<img src="https://ruta-a-la-imagen-o-video.com" class="blurred">
</div>.blurred-content {
position: relative;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
.blurred {
filter: blur(10px);
transition: filter 0.3s ease, opacity 0.3s ease;
opacity: 0.7;
}
.blurred-content:hover .blurred {
filter: blur(5px);
}
.blurred-content.active .blurred {
filter: none;
opacity: 1;
}document.querySelectorAll('.blurred-content').forEach((element) => {
element.addEventListener('click', () => {
element.classList.add('active');
});
});