Bygg inn kalenderen

Vis tangokalenderen på klubbens eller arrangørens nettside. Alt er gratis, og innholdet oppdateres automatisk.

Bildene og listen finnes på norsk, engelsk og spansk – velg språk her, så endres koden over og under.

Dagens program (bilde med lenker)

Et bilde i samme stil som kalenderen. Tittelen lenker til kalenderen, hvert arrangement til sin egen side. Bildet inneholder programmet for åtte dager og viser selv riktig dag fra midnatt (norsk tid) når det bygges inn med <object>.

<object type="image/svg+xml" data="https://tango.oslo.no/embed/i-dag.svg" style="width:100%;max-width:600px">
  <a href="https://tango.oslo.no/">Se dagens tango i Oslo</a>
</object>

Viktig: bruk <object> som over – da virker lenkene. Med <img> vises bildet, men lenkene inni virker ikke. Tillater nettstedet bare bilder, kan du legge bildet i en lenke til kalenderen – da viser bildet dagen det sist ble oppdatert (normalt like etter midnatt):

<a href="https://tango.oslo.no/"><img src="https://tango.oslo.no/embed/i-dag.svg" alt="Dagens tango i Oslo – Tangokalender | Oslo" style="width:100%;max-width:600px"></a>

Ukens program

Mandag til søndag denne uken i kalenderens ukevisning. Tittelen lenker til ukevisningen.

<object type="image/svg+xml" data="https://tango.oslo.no/embed/uke.svg" style="width:100%;max-width:980px">
  <a href="https://tango.oslo.no/uke.html">Se ukens tango i Oslo</a>
</object>

Bildet skaleres til bredden på siden; på smale skjermer blir skriften liten – bruk gjerne dagens program eller listen under på mobil.

Liste med filtre (iframe)

Kommende arrangementer som en liste – oppdateres fortløpende. Velg gjerne bare deres egne arrangementer.

<iframe src="https://tango.oslo.no/embed/liste.html" title="Tangokalender | Oslo" style="width:100%;height:600px;border:0" loading="lazy"></iframe>

Slik gjør du det i …

Abonner og data

Lenk gjerne tilbake til kalenderen – og hjelp oss å holde den oppdatert: legg inn eller rett opp arrangementer.