Help > Forum > Temi & Aspetto > Personalizzazione dell'icona di caricamento da incorporare

Personalizzazione dell'icona di caricamento da incorporare

La seguente icona di caricamento viene visualizzata quando un forum incorporato viene inizialmente caricato:

Utilizza il seguente codice HTML e 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>

Puoi personalizzarlo aggiungendo CSS alla pagina del tuo sito web che incorpora il forum. Quel CSS dovrebbe avere come target l'elemento #wtLoadingIcon e sovrascrivere il CSS esistente.

In alternativa, puoi usare la tua icona di caricamento assegnandole un ID WTLoadingIcon e includendola sopra il codice di incorporamento del forum nella pagina del tuo sito web che incorpora il forum. Il codice di incorporamento lo utilizzerà automaticamente anziché la propria icona di caricamento.


If you still need help, please contact us.