Löpkalkylator sedan 2015

Widget-generator

Skapa en tempokalkylator särskilt för ditt evenemang och ställ in dina egna distanser (du kan naturligtvis ge dem egna namn). Har du frågor kan du kontakta oss via feedbackknappen.

Widgetinställningar

Språk

Distansenhet

Widgetrubrik

Knapptext

Eget meddelande

Egen länk (URL) Länktext

Anpassa färger

Huvudfärg (knapp)

Bakgrundsfärg

Textfärg

Kantfärg

Widgetens distanser

Tillgängliga distanser i widgeten:

Inga distanser har lagts till ännu. Använd formuläret nedan för att lägga till distanser.

Liveförhandsvisning

Förhandsvisningen av widgeten visas här när koden har genererats

Liveförhandsvisning av resultat

Löptempokalkylator

Distans

--,-- km

Tid

--:--:--

⏱️ Dina tider på populära distanser:

Läs in/spara konfiguration

Inbäddningsmetod

Välj inbäddningsmetod:

Iframe (rekommenderas) Direktkod

Iframe: Enklare att använda, fungerar på alla webbplatser, uppdateras automatiskt.
Direktkod: Mer kontroll och snabbare laddning, kräver kunskaper i HTML/CSS.

Genererad widgetkod

Klicka på "Generera" för att skapa din egen widget

Anvisningar för inbäddning

Iframe-inbäddning (rekommenderas)

Kopiera iframe-koden från det genererade fältet
Klistra in koden där widgeten ska visas på din webbplats
Klart! Widgeten fungerar direkt och uppdateras automatiskt

Direktkod (för avancerade användare)

Kopiera hela den genererade koden (HTML, CSS och JavaScript tillsammans)
Klistra in hela koden där widgeten ska visas
Testa widgeten för att kontrollera att den fungerar som den ska
Flera widgetar på samma sida: Du kan klistra in koden flera gånger (t.ex. med olika distanser eller färger) - varje widget fungerar oberoende

💡 Proffstips: Iframe är den enklaste lösningen - den fungerar på alla webbplatser utan konflikter och uppdateras automatiskt. Direktkod ger mer kontroll men kräver kunskaper i HTML. Vissa webbplatsbyggare och cookieverktyg tar bort eller blockerar script-taggar - använd i så fall iframe.