Sådan oprettes viftende flaganimation til websteder

Forfatter: Helen Garcia
Oprettelsesdato: 19 April 2021
Opdateringsdato: 20 November 2024
Anonim
Sådan oprettes viftende flaganimation til websteder - Elektronik
Sådan oprettes viftende flaganimation til websteder - Elektronik

Indhold

Hvis du vil vise en besked eller et bevægeligt billede på dit websted, skal du overveje at tilføje et viftende flag. Det efterligner den måde, hvorpå et ægte flag flagrer i vinden og præsenterer billeder og / eller tekst. Selvom dette diagram traditionelt er oprettet med en grafikapplikation, er der mulighed for at gøre dette billede dynamisk med en gratis internetressource. Opret din flaganimation ved at vifte, som du foretrækker, og forstå hvordan du sender den på websteder.

Trin 1

Ret din browser til en online animeret bannergenerator, såsom FlashVortex.com, MakeSweet eller Layoutcodez.net. Disse sidste to giver dig mulighed for at sende et billede af flagget, mens FlashVortex.com giver billeder klar til redigering.

Trin 2

Upload et billede til det bevægende banner til MakeSweet-webstedet ved at klikke på knappen med plustegnet og det samme tegn, der vises med standardbilledet. Klik på Layoutcodez.net på knappen "Vælg fil". Følg instruktionerne på hvert websted for at vælge grafikken og føje den til projektet.


Trin 3

Brug menuerne på FlashVortex.com og MakeSweet-webstederne til at tegne billedet. I den første skal du f.eks. Indtaste flagstørrelsen i tekstfeltet "Flagskala", indtaste det indhold, der ledsager flaget, i feltet "Tekst" og vælge placering af teksten ved hjælp af funktionerne under overskriften "Rediger tekstetiketposition". Layoutcodez.net tilbyder ikke mulighed for at foretage yderligere ændringer af billedet.

Trin 4

Afslut designet af banneret i bevægelse ved at klikke på knappen "Generer animation" på FlashVortex.com-webstedet eller på "Upload" på siden Layoutcodez.net, og kopier derefter den kode, der automatisk vises i feltet af tekst. Med MakeSweet skal du klikke på filmikonet på tegningen, vælge indstillingen "Kladde" (kladde) eller "HI-RES" og klikke på det diskbillede, der vises øverst for at gemme filen på din computers skrivebord.

Trin 5

Upload den animerede GIF-fil fra MakeSweet til din internet- eller værtsserver (hvis relevant) til den samme mappe eller det bibliotek, der gemmer filer fra andre websteder. Bemærk placeringen af ​​filen (f.eks. "Http://www.yousite.com/flag.gif").


Trin 6

Gå ind på det websted, hvor du vil tilføje flag i teksteditoren, og placer markøren, hvor grafikken skal vises. Indsæt koden fra FlashVortex.com eller Layoutcodez.net. Hvis du bruger MakeSweet, skal du indtaste URL-en til flagfilen i anførselstegn i følgende billedkode:

Trin 7

Gem dit arbejde. Det animerede flag vises nu på dit websteds side.