Hönnun dagsins
Felldu Hönnun dagsins inn á vefsíðuna þína
Hönnun 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önnun 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önnun dagsins. Léttasti valkosturinn.
Lifandi forskoðun
<a href="https://designoftheday.org/is/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Hönnun dagsins sýnir verðlaunað afbragðsverk á sviði skapandi hönnunar" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/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-of-the-day/today.png" alt="Hönnun dagsins sýnir verðlaunað afbragðsverk á sviði skapandi hönnunar" 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önnun dagsins</span>
</a><div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Hönnun dagsins sýnir verðlaunað afbragðsverk á sviði skapandi hönnunar" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Hönnun dagsins</h5>
<p class="card-text">A' Design Award kynnir á hverjum degi framúrskarandi hönnunarverk, afar nýstárlega vöru eða einstaklega skapandi verkefni sem hönnun dagsins og sýnir þannig eftirtektarverð dæmi um sköpunargáfu og góða hönnun.</p>
<a href="https://designoftheday.org/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér hönnun dagsins</a>
</div>
</div><div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/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": "designoftheday.org",
"name": "Hönnun dagsins",
"feature": "Hönnun dagsins",
"paragraph": "A' Design Award kynnir á hverjum degi framúrskarandi hönnunarverk, afar nýstárlega vöru eða einstaklega skapandi verkefni sem hönnun dagsins og sýnir þannig eftirtektarverð dæmi um sköpunargáfu og góða hönnun.",
"description": "Hönnun dagsins kynnir á hverjum degi framúrskarandi hönnunarverk, afar nýstárlega vöru eða einstaklega skapandi verkefni og sýnir eftirtektarverð dæmi um sköpunargáfu og góða hönnun sem hafa hlotið viðurkenningu í hinni afar virtu A' Design Award and Competition.",
"call_to_action": "Kynntu þér hönnun dagsins",
"date": "2026-11-08",
"language": "is",
"image": "https://competition.adesignaward.com/design-of-the-day/today.png",
"image_alt": "Hönnun dagsins sýnir verðlaunað afbragðsverk á sviði skapandi hönnunar",
"url": "https://designoftheday.org/is/",
"feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
"embed_url": "https://designoftheday.org/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.