Je bent in het P-Filiaal | spin-off van Plaatjesmakerij
Nodig:
Twinks, sparkles, floaties, MNG's: je ziet door de bomen het bos niet meer. Ik vind het af en toe moeilijk om ze uit elkaar te houden. De belletjes die ik hieronder gebruikt heb zijn volgens mij floaties:
Hoe je deze geanimeerde dingetjes kunt gebruiken, heb ik in diverse lessen beschreven, b.v. in mijn twink-les of kijk bij mijn sitemap, onderwerp: animaties. Hieronder zet ik nog even in het kort neer hoe ik bovenstaande afbeelding gemaakt heb.
![]()
- Ik heb een plaatje met een vis gemaakt in PSP.
- Daarna geplakt in Animation Shop (rechtsklikken > plakken als nieuwe animatie).
- Open de belletjes-floatie. (Voor het geval je hem nog niet hebt, hier is-ie:
![]()
- rechtsklik erop en sla hem op).
Na opening in Animation Shop zie je dat de belletjes-floatie uit 4 frames bestaat.- Menu Edit/Bewerken > Duplicate Selected/Selectie dupliceren of klik op
om 3 extra frames van de (vis)afbeelding te krijgen. In totaal dus 4 frames.
- Selecteer zowel de vis-frames als de belletjes-frames (Ctrl-A)
- Sleep het 1e belletjes-frame naar het 1e vis-frame.
![]()
- Sla de animatie daarna op als GIF (met de GIF-optimizer).
Dit heb ik uitgebreider beschreven in mijn twink-les.
De vis is een lettertype: DF Calligraphic Ornaments. Je kunt de font hier kunt downloaden.
* * *Wat je ook kunt doen met floaties is ze gebruiken als achtergrond van een hyperlink.
Zweef maar met de muispijl over onderstaande hyperlink:a:hover { background-image: url(055.gif); text-decoration: underline overline}
Een glitter-gifje als achtergrond is ook leuk:
a:hover { background-image: url(easter.gif); text-decoration: underline overline}
Bij 'text-decoration' staat als omschrijving: underline overline. Wil je geen streep onder en boven de link, verander de omschrijving dan in none.
De hover-code zet je tussen de style-tags in de bron van je web-pagina. (Ik heb een lesje geschreven over dit onderwerp).
De floatie- en de glitter-gif kun je hier ophalen.
* * *
zie ook mijn andere floatie-les naar de sitemap van plaatjesmakerij, onderwerp animaties