Hönnunarhugmynd dagsins
Felldu Hönnunarhugmynd dagsins inn á vefsíðuna þína
Hönnunarhugmynd 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önnunarhugmynd 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önnunarhugmynd dagsins. Léttasti valkosturinn.
Lifandi forskoðun
<a href="https://designideaoftheday.com/is/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Hönnunarhugmynd dagsins kynnir nýstárlega hugmynd sem víkkar mörk sköpunar" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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-idea-of-the-day/today.png" alt="Hönnunarhugmynd dagsins kynnir nýstárlega hugmynd sem víkkar mörk sköpunar" 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önnunarhugmynd dagsins</span>
</a><div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Hönnunarhugmynd dagsins kynnir nýstárlega hugmynd sem víkkar mörk sköpunar" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Hönnunarhugmynd dagsins</h5>
<p class="card-text">A' Design Award kynnir á hverjum degi afar nýstárlega hönnunarhugmynd eða einstaklega skapandi hugmyndafræði sem hönnunarhugmynd dagsins og kannar frumlega hugsun, hagnýtar lausnir og hvetjandi leiðir til framúrskarandi hönnunar.</p>
<a href="https://designideaoftheday.com/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér hönnunarhugmynd dagsins</a>
</div>
</div><div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
"name": "Hönnunarhugmynd dagsins",
"feature": "Hönnunarhugmynd dagsins",
"paragraph": "A' Design Award kynnir á hverjum degi afar nýstárlega hönnunarhugmynd eða einstaklega skapandi hugmyndafræði sem hönnunarhugmynd dagsins og kannar frumlega hugsun, hagnýtar lausnir og hvetjandi leiðir til framúrskarandi hönnunar.",
"description": "Hönnunarhugmynd dagsins kynnir á hverjum degi afar nýstárlega hönnunarhugmynd, einstaklega skapandi hugmyndafræði, sem valin er af hinni afar virtu A' Design Award and Competition, og kannar frumlega hugsun, hagnýtar lausnir og hvetjandi leiðir til framúrskarandi hönnunar á heimsvísu.",
"call_to_action": "Kynntu þér hönnunarhugmynd dagsins",
"date": "2026-11-08",
"language": "is",
"image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
"image_alt": "Hönnunarhugmynd dagsins kynnir nýstárlega hugmynd sem víkkar mörk sköpunar",
"url": "https://designideaoftheday.com/is/",
"feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
"embed_url": "https://designideaoftheday.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.