Personnalisation de l'icône de chargement intégrée

L'icône de chargement suivante s'affiche lors du chargement initial d'un forum intégré :

Il utilise le code HTML et CSS suivant :

<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>

Vous pouvez le personnaliser en ajoutant du CSS à la page de votre site Web qui intègre le forum. Ce CSS doit cibler l'élément #wtLoadingIcon et remplacer le CSS existant.

Vous pouvez également utiliser votre propre icône de chargement en lui donnant un identifiant WTLoadingIcone et en l'incluant au-dessus du code d'intégration du forum dans la page de votre site Web qui intègre le forum. Le code intégré l'utilisera automatiquement au lieu de sa propre icône de chargement.

If you still need help, please contact us.