Afburðahönnuður dagsins
Felldu Afburðahönnuður dagsins inn á vefsíðuna þína
Afburðahönnuður 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 á Afburðahönnuður 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ð Afburðahönnuður dagsins. Léttasti valkosturinn.
Lifandi forskoðun
<a href="https://designerhighlightoftheday.com/is/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Afburðahönnuður dagsins, eftirtektarverður hönnuður úr alþjóðlegu hönnunarsamfélagi" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Afburðahönnuður dagsins, eftirtektarverður hönnuður úr alþjóðlegu hönnunarsamfélagi" 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 afburðahönnuð dagsins</span>
</a><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Afburðahönnuður dagsins, eftirtektarverður hönnuður úr alþjóðlegu hönnunarsamfélagi" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Afburðahönnuður dagsins</h5>
<p class="card-text">A' Design Award kynnir á hverjum degi leiðandi hönnuð, stjörnuarkitekt, framúrskarandi skapandi einstakling eða frumkvöðul sem afburðahönnuð dagsins og varpar ljósi á afrek þeirra, skapandi verk og framlag til hönnunarheimsins.</p>
<a href="https://designerhighlightoftheday.com/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér afburðahönnuð dagsins</a>
</div>
</div><div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
"name": "Afburðahönnuður dagsins",
"feature": "Afburðahönnuður dagsins",
"paragraph": "A' Design Award kynnir á hverjum degi leiðandi hönnuð, stjörnuarkitekt, framúrskarandi skapandi einstakling eða frumkvöðul sem afburðahönnuð dagsins og varpar ljósi á afrek þeirra, skapandi verk og framlag til hönnunarheimsins.",
"description": "Afburðahönnuður dagsins kynnir á hverjum degi leiðandi hönnuð, stjörnuarkitekt, framúrskarandi skapandi einstakling eða frumkvöðul og varpar ljósi á afrek þeirra, skapandi verk og framlag til hönnunarheimsins sem hefur hlotið viðurkenningu í hinni afar virtu A' Design Award and Competition.",
"call_to_action": "Kynntu þér afburðahönnuð dagsins",
"date": "2026-11-08",
"language": "is",
"image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
"image_alt": "Afburðahönnuður dagsins, eftirtektarverður hönnuður úr alþjóðlegu hönnunarsamfélagi",
"url": "https://designerhighlightoftheday.com/is/",
"feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
"embed_url": "https://designerhighlightoftheday.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.