• Start Gratis

    Countdown-Timer

    Aanpassingsopties voor de countdown-timer

    Laatst bijgewerkt

    De meeste ontwerpopties vind je in de Visuele vormgeving en Tekst en labels onderdelen van de timer-editor. Het voorbeeld wordt bijgewerkt zodra je wijzigingen aanbrengt. De voorbeelden hieronder laten zien wat elke optie doet met een echte timer.

    Visuele vormgeving

    Het gedeelte ‘Visueel ontwerp’ van de timer-editor, met opties voor grootte, stijl, kleuren en achtergrond naast het voorbeeld van de timer

    Maat

    Kies uit X-Small tot X-Large. Grotere timers zijn ook scherper.

    Dezelfde Ring Progress-timer in de maten X-Small, Small, Medium, Large en X-Large, met een breedte van ongeveer 200 tot 800 pixels

    Stijl

    Klik op de huidige stijl om ze allemaal te bekijken in Kies een nieuwe timer-stijl. Het ‘Free plan’ bevat de stijl ‘Classic’, bij ‘Micro’ komen er nog 10 bij (Clean, Blocks, Arcs, Pill Bar en hun variaties), en bij ‘Standard’ en hoger krijg je toegang tot alle stijlen, inclusief bewegingsstijlen waarbij de getallen tussen de frames veranderen (Smooth Flip, Ticks, Ring Progress en meer). Schakel in Gebruik de momenteel geselecteerde kleuren zodat je je kleuren behoudt als je van stijl verandert.

    Het venster ‘Kies een nieuwe timerstijl’ met stijlen gegroepeerd per abonnement: Free, Micro en hoger, en Standard en hoger

    Hier zijn er zes in de Sendtric-kleuren:

    Zes verschillende timerontwerpen in marineblauw en blauw: Classic, Blocks, Arcs, Pill Bar, Smooth Flip en Ring Progress

    Verticale timer

    Stapel de eenheden in plaats van ze op een rij weer te geven (Standard en hoger). Blokstijlen bieden ook Zijetiket, waarbij elk label naast het bijbehorende nummer staat.

    Een ‘Blocks’-timer op een rij, dezelfde timer verticaal gestapeld, en verticaal gestapeld met de labels naast de getallen

    Kleuren

    Set Cijfers en Labels, of een aparte kleur per stuk met Aparte kleuren voor de cijfers en Aparte kleuren voor etiketten. De meeste modellen hebben ook één of twee Accent kleuren voor hun ringen, staven of blokken.

    Een timer met één cijferkleur en één labelkleur, dezelfde timer met voor elke eenheid een andere kleur, en een Ring Progress-timer met oranje accentringen

    Achtergrond

    Kies een Effen kleur, Transparant (Standard en hoger) of Achtergrondafbeelding uploaden (Micro en hoger). Een effen achtergrond is een vakje in één kleur. Bij een transparante achtergrond zie je de e-mail erachter doorschijnen, maar de randen kunnen er wat ruw uitzien. Zie hoe je je eigen achtergrondafbeelding met een timer kunt gebruiken en Waarom is mijn countdown-timer met doorzichtige achtergrond wazig?

    Een timer met een effen lichtblauwe achtergrond, weergegeven als een vakje in een e-mailgedeelte met kleurverloop, en dezelfde timer met een doorzichtige achtergrond waardoor het kleurverloop zichtbaar is

    Opvulling

    Voeg aan elke kant wat ruimte toe rond de timer, van 0 tot 100 pixels (Standard en hoger). De extra ruimte wordt opgevuld met de achtergrond van de timer. Alle opvulling verwijderen zet elke zijde op 0, en Terug naar standaardinstellingen gaat terug naar de standaardspatiëring van de stijl.

    De instellingen voor opvulling met de velden ‘Boven’, ‘Rechts’, ‘Onder’ en ‘Links’ en de knoppen ‘Alle opvulling verwijderen’ en ‘Terug naar standaard’
    Een Blocks-timer met standaard opvulling, met 20 pixels extra aan de linker- en rechterkant, en met 30 pixels aan elke kant, waarbij een stippellijn de rand van elke afbeelding aangeeft

    Vervaldatumoptie

    Wat er te zien is als de timer afloopt. Zie hoe je kunt kiezen wat er wordt weergegeven als een timer afloopt.

    Tekst en labels

    Het gedeelte ‘Tekst en labels’ van de timer-editor met de opties ‘Taal’, ‘Aangepaste labels’, ‘Labels verbergen’, ‘Weergave’, ‘Lettertypen’, ‘Lettergrootte labels’, ‘Positie labelhoogte’ en ‘Tekstomtrek inschakelen’

    Taal en labels

    • Taal: 47 talen voor de labels. Zie hoe je de taal van je widgets kunt wijzigen.
    • Aangepaste etiketten of Labels verbergen (betaalde abonnementen).
    • Weergave: kies welke eenheden je wilt weergeven: jaren, dagen, uren, minuten en seconden.
    Dezelfde timer met standaardlabels, met aangepaste labels D H M S, met verborgen labels en met seconden uitgeschakeld

    Lettertypen

    Kies apart uit meer dan 900 Google Fonts voor de cijfers en labels. Het Free plan bevat Roboto, Droid Sans Mono en Noto Sans. Grote Bedrijven kunnen ook hun eigen lettertypen gebruiken. Zie hoe je aangepaste merklettertypen kunt uploaden.

    Dezelfde timer in vier lettertypes: Roboto, Archivo Black, Oswald en Playfair Display

    Lettergrootte van het label en hoogte van het label

    Maak de labels groter of kleiner, en verplaats ze omhoog of omlaag ten opzichte van de cijfers (Standard en hoger).

    Dezelfde timer met de standaardteksten, met grotere teksten en met de teksten iets verder onder de cijfers geplaatst

    Overzicht van de tekst

    Tekstcontour inschakelen (Power en hoger) zet een omtrek rond de cijfers, de labels of allebei. Kies Toepassen op getallen, Toepassen op etiketten, de Lijnbreedte en de Kleur van de omtrek. Hierdoor valt de timer beter op tegen drukke achtergronden en in de donkere modus, en zien kleine of doorzichtige timers er scherper uit.

    De schakelaar ‘Tekstcontour inschakelen’ staat aan, met de opties ‘Toepassen op getallen’, ‘Toepassen op labels’, ‘Contourbreedte’ en ‘Contourkleur’
    Een wit-op-blauwe timer zonder omtrek en met een marineblauwe omtrek van 2 pixels rond de cijfers en labels

    Uitlijning

    Kies Links uitlijnen, Centraal uitlijnen of Rechts uitlijnen zet dit boven de code voordat je die kopieert.

    Sla je ontwerp op voor een volgende keer

    Sla een ontwerp op als sjabloon en start daar nieuwe timers mee. Zie hoe gebruik je timersjablonen.

    Als je meer wilt weten over countdown-timers in e-mails, kijk dan eens op onze Pagina met countdown-timer voor e-mail.

    Gerelateerd

    Was dit artikel nuttig?

    Klik op de afbeelding om in te zoomen. Sleep of scrol om rond te kijken.