Hönnunarvörumerki dagsins
Felldu Hönnunarvörumerki dagsins inn á vefsíðuna þína
Hönnunarvörumerki 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önnunarvörumerki 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önnunarvörumerki dagsins. Léttasti valkosturinn.
Lifandi forskoðun
<a href="https://designbrandoftheday.com/is/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Hönnunarvörumerki dagsins varpar ljósi á vörumerki sem hefur hönnun að leiðarljósi og skarar fram úr á því sviði" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.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://designbrandoftheday.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-brand-of-the-day/today.png" alt="Hönnunarvörumerki dagsins varpar ljósi á vörumerki sem hefur hönnun að leiðarljósi og skarar fram úr á því sviði" 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önnunarvörumerki dagsins</span>
</a><div data-dotd="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.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://designbrandoftheday.com/is/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="Hönnunarvörumerki dagsins varpar ljósi á vörumerki sem hefur hönnun að leiðarljósi og skarar fram úr á því sviði" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Hönnunarvörumerki dagsins</h5>
<p class="card-text">A' Design Award kynnir á hverjum degi vörumerki á heimsmælikvarða sem hefur hönnun að leiðarljósi sem hönnunarvörumerki dagsins og varpar ljósi á sérkenni þess, skapandi framtíðarsýn, vörur, fyrirtækjaverkefni og sérstæða nálgun á hönnun.</p>
<a href="https://designbrandoftheday.com/is/" class="btn btn-danger" target="_blank" rel="noopener">Kynntu þér hönnunarvörumerki dagsins</a>
</div>
</div><div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.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://designbrandoftheday.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": "designbrandoftheday.com",
"name": "Hönnunarvörumerki dagsins",
"feature": "Hönnunarvörumerki dagsins",
"paragraph": "A' Design Award kynnir á hverjum degi vörumerki á heimsmælikvarða sem hefur hönnun að leiðarljósi sem hönnunarvörumerki dagsins og varpar ljósi á sérkenni þess, skapandi framtíðarsýn, vörur, fyrirtækjaverkefni og sérstæða nálgun á hönnun.",
"description": "Hönnunarvörumerki dagsins kynnir á hverjum degi vörumerki á heimsmælikvarða sem hefur hönnun að leiðarljósi og varpar ljósi á sérkenni þess, skapandi framtíðarsýn, vörur, fyrirtækjaverkefni og sérstæða nálgun á hönnun sem hefur hlotið viðurkenningu í hinni afar virtu A' Design Award and Competition.",
"call_to_action": "Kynntu þér hönnunarvörumerki dagsins",
"date": "2026-11-08",
"language": "is",
"image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
"image_alt": "Hönnunarvörumerki dagsins varpar ljósi á vörumerki sem hefur hönnun að leiðarljósi og skarar fram úr á því sviði",
"url": "https://designbrandoftheday.com/is/",
"feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
"embed_url": "https://designbrandoftheday.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.