Help > Forum > Designs und Erscheinungsbild > Anpassen des Ladesymbols zum Einbetten

Anpassen des Ladesymbols zum Einbetten

Das folgende Ladesymbol wird angezeigt, wenn ein eingebettetes Forum zum ersten Mal geladen wird:

Es verwendet den folgenden HTML- und CSS-Code:

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

Sie können es anpassen, indem Sie der Seite Ihrer Website, auf der das Forum eingebettet ist, CSS hinzufügen. Dieses CSS sollte auf das #wtLoadingIcon -Element abzielen und das vorhandene CSS überschreiben.

Alternativ können Sie Ihr eigenes Ladesymbol verwenden, indem Sie ihm die ID WTLoadingIcon geben und es über dem Forum-Einbettungscode in die Seite Ihrer Website einfügen, auf der das Forum eingebettet ist. Der Einbettungscode verwendet diesen automatisch anstelle seines eigenen Ladesymbols.


If you still need help, please contact us.