Das Hinzufügen einer animierten Fortschritts- oder Fähigkeitsleiste in Weebly ist eine großartige Möglichkeit, Ihre Fähigkeiten oder Ihren Fortschritt in Richtung eines Ziels visuell darzustellen. So können Sie es machen:
Schritt 1:Erstellen Sie ein Fortschrittsbalkenelement
1. Melden Sie sich bei Ihrem Weebly-Konto an und öffnen Sie die Website, auf der Sie den Fortschrittsbalken hinzufügen möchten.
2. Klicken Sie im linken Menü auf die Schaltfläche „Hinzufügen“ und wählen Sie im Abschnitt „Elemente“ die Option „Fortschrittsbalken“ aus.
3. Ziehen Sie das Fortschrittsbalkenelement per Drag &Drop an die gewünschte Stelle auf Ihrer Website.
Schritt 2:Passen Sie den Fortschrittsbalken an
1. Sobald das Fortschrittsbalkenelement hinzugefügt wurde, klicken Sie darauf, um die Anpassungsoptionen im rechten Bereich zu öffnen.
2. Unter der Registerkarte „Fortschritt“ können Sie den aktuellen Fortschrittsprozentsatz festlegen. Dies bestimmt, wie viel von der Leiste gefüllt wird.
3. Auf der Registerkarte „Aussehen“ können Sie den Stil und die Farbe Ihres Fortschrittsbalkens auswählen. Sie können auch eine Beschriftung oder einen Titel hinzufügen, um zu beschreiben, was der Fortschrittsbalken darstellt.
Schritt 3:Animation zur Fortschrittsleiste hinzufügen
1. Klicken Sie im Anpassungsbereich auf die Registerkarte „Animationen“.
2. Wählen Sie im Abschnitt „Eingangsanimation“ einen Animationseffekt aus der Dropdown-Liste aus. Dieser Effekt wird abgespielt, wenn der Fortschrittsbalken zum ersten Mal auf der Seite erscheint.
3. Passen Sie die Animationseinstellungen wie Verzögerung, Dauer und Beschleunigung an, um das Animationsverhalten zu optimieren.
4. Sehen Sie sich die Animation in der Vorschau an, indem Sie auf die Schaltfläche „Abspielen“ klicken, um zu sehen, wie sie auf Ihrer Website aussehen wird.
Schritt 4:Änderungen speichern und veröffentlichen
1. Wenn Sie mit der Anpassung zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“ in der oberen rechten Ecke des Anpassungsfensters.
2. Klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“ in der oberen rechten Ecke des Website-Editors, um Ihre Änderungen live auf Ihrer Website zu übertragen.
Wenn Sie diese Schritte befolgen, können Sie ganz einfach eine animierte Fortschritts- oder Fähigkeitsleiste zu Ihrer Weebly-Website hinzufügen, um Ihre Fähigkeiten oder Erfolge visuell darzustellen.
