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.