Help > Forum > Temas y Apariencia > Personalización del icono de carga de incrustaciones

Personalización del icono de carga de incrustaciones

El siguiente icono de carga se muestra cuando se carga inicialmente un foro incrustado:

Utiliza el siguiente código HTML y CSS:

<style>
@keyframes wtLoadingIconSpin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#wtLoadingIcon {
	display: block;
	border: 16px solid rgba(0,0,0,.1);
	border-top: 16px solid rgba(0,0,0,.5);
	border-radius: 100%;
	width: 100px;
	height: 100px;
	animation: wtLoadingIconSpin 1s linear infinite;
	margin: auto;
}
</style>
<div id="wtLoadingIcon"></div>

Puedes personalizarlo añadiendo CSS a la página de tu sitio web que incluye el foro. Ese CSS debe apuntar al elemento #wtLoadingIcon y anular el CSS existente.

Alternativamente, puedes usar tu propio icono de carga asignándole un ID de WTLoadingIcon e incluyéndolo encima del código de inserción del foro en la página de tu sitio web donde se incrusta el foro. El código de inserción lo usará automáticamente en lugar de su propio icono de carga.


If you still need help, please contact us.