Fara beint í meginefni

Hönnunarteymi dagsins

Felldu Hönnunarteymi dagsins inn á vefsíðuna þína

Hönnunarteymi dagsins birtir nýja kynningu á hverjum degi. Veffang myndarinnar breytist aldrei, en myndin á bak við það gerir það, svo þú bætir kóðanum við einu sinni og gestir þínir sjá kynningu dagsins sjálfkrafa.

Hvernig það virkar

Á hverjum degi er ný mynd birt á einu föstu veffangi. Síðan þín hleður því veffangi, svo hún sýnir alltaf nýjustu kynningu, og smellur flytur gesti þína á Hönnunarteymi dagsins þar sem heildarfrásögnin er sögð.

Vilt þú frekar nota skriftu? Bættu við einum ílæti og einni skriftu: græjan teiknar stílinn sem þú velur með data-dotd-variant (image, cta eða card), á tungumáli skriftuveffangsins þegar það tungumál er tiltækt. Ef þú getur ekki keyrt skriftur, notaðu HTML útgáfuna af sama afbrigði.

Afbrigði A: eingöngu mynd

Mynd dagsins, tengd við Hönnunarteymi dagsins. Léttasti valkosturinn.

Lifandi forskoðun

<a href="https://designteamoftheday.com/is/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Verðlaunað hönnunarteymi dagsins vinnur saman að nýstárlegum verkefnum" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=is"></script>

Afbrigði B: mynd og aðgerðarhnappur

Mynd dagsins með aðgerðarhnappi fyrir neðan.

Lifandi forskoðun

<a href="https://designteamoftheday.com/is/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Verðlaunað hönnunarteymi dagsins vinnur saman að nýstárlegum verkefnum" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
  <span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Kynntu þér hönnunarteymi dagsins</span>
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=is"></script>

Afbrigði C: Bootstrap-spjald

Bootstrap-spjald með myndinni, titli kynningarinnar, stuttri málsgrein og aðgerðarhnappi. Síðan þín þarf Bootstrap.

Lifandi forskoðun

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.com/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Verðlaunað hönnunarteymi dagsins vinnur saman að nýstárlegum verkefnum" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Hönnunarteymi dagsins</h5>
    <p class="card-text">A' Design Award heiðrar skapandi teymi að baki framúrskarandi hönnunar-, arkitektúr- og nýsköpunarverkefnum sem hönnunarteymi dagsins og kynnir leiðandi hönnunarstofur sem skara fram úr með samstarfi, sameiginlegri sýn og sérþekkingu.</p>
    <a href="https://designteamoftheday.com/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér hönnunarteymi dagsins</a>
  </div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=is"></script>

Valkostur 3: JSON

Fyrir forritara, forrit og sjálfvirkni. JSON inniheldur nafnið, lýsinguna, veffang myndar, tengla og dagsetningu. Krossuppruna beiðnir eru leyfðar.

fetch("https://designteamoftheday.com/feature.json?lang=is")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Dæmi um svar

{
    "domain": "designteamoftheday.com",
    "name": "Hönnunarteymi dagsins",
    "feature": "Hönnunarteymi dagsins",
    "paragraph": "A' Design Award heiðrar skapandi teymi að baki framúrskarandi hönnunar-, arkitektúr- og nýsköpunarverkefnum sem hönnunarteymi dagsins og kynnir leiðandi hönnunarstofur sem skara fram úr með samstarfi, sameiginlegri sýn og sérþekkingu.",
    "description": "Hönnunarteymi dagsins heiðrar skapandi teymi að baki framúrskarandi hönnunar-, arkitektúr- og nýsköpunarverkefnum og kynnir hönnuði á heimsmælikvarða, stjörnuarkitekta og leiðandi hönnunarteymi víðs vegar að úr heiminum sem hafa hlotið viðurkenningu í hinni afar virtu A' Design Award and Competition fyrir samstarf sitt, sameiginlega sýn og sérþekkingu.",
    "call_to_action": "Kynntu þér hönnunarteymi dagsins",
    "date": "2026-11-08",
    "language": "is",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "Verðlaunað hönnunarteymi dagsins vinnur saman að nýstárlegum verkefnum",
    "url": "https://designteamoftheday.com/is/",
    "feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
    "embed_url": "https://designteamoftheday.com/is/kynning/"
}

Gott að vita

  • Haltu tenglinum í kringum myndina svo gestir þínir geti uppgötvað alla kynninguna.
  • Notaðu alltaf veffang myndarinnar sem sýnt er hér að ofan og vistaðu ekki afrit, svo síðan þín sé alltaf uppfærð.
  • Myndin er sveigjanleg: hún stækkar aldrei umfram breidd ílætsins.
  • Þarft þú aðstoð eða sérsniðið snið? Vinsamlegast hafðu samband við okkur.

Hönnunartilvitnun dagsins

Hönnunartilvitnun dagsins

DesignAdage