Дизајн дана

Уградите Дизајн дана на свој веб-сајт

Дизајн дана објављује нову тему сваког дана. Адреса слике се никада не мења, али слика иза ње се мења, тако да код додајете само једном, а ваши посетиоци аутоматски виде данашњу тему.

Како функционише

Сваког дана нова слика се објављује на једној фиксној адреси. Ваша страница учитава ту адресу, тако да увек приказује тренутну тему, а клик води ваше посетиоце на Дизајн дана где је испричана цела прича.

Више волите скрипту? Додајте један контејнер и једну скрипту: виџет исцртава стил који изаберете помоћу data-dotd-variant (image, cta или card), на језику адресе скрипте када је тај језик доступан. Ако не можете да покрећете скрипте, користите HTML верзију исте варијанте.

Варијанта А: само слика

Данашња слика, повезана са Дизајн дана. Најлакша опција.

Преглед уживо

<a href="https://designoftheday.org/sr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Истакнути Дизајн дана који приказује награђивану креативну изврсност" 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=sr"></script>

Варијанта Б: слика и позив на акцију

Данашња слика са позивом на акцију испод.

Преглед уживо

<a href="https://designoftheday.org/sr/" 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="Истакнути Дизајн дана који приказује награђивану креативну изврсност" 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">Откријте Дизајн дана</span>
</a>

<div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/feature.js?lang=sr"></script>

Варијанта Ц: Bootstrap картица

Bootstrap картица са сликом, насловом теме, кратким параграфом и дугметом за позив на акцију. Вашој страници је потребан Bootstrap.

Преглед уживо

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/sr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Истакнути Дизајн дана који приказује награђивану креативну изврсност" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Дизајн дана</h5>
    <p class="card-text">A' Design Award сваког дана представља изузетно дизајнерско дело, високо иновативан производ или веома креативан пројекат као Дизајн дана, истичући изванредне примере креативности и доброг дизајна.</p>
    <a href="https://designoftheday.org/sr/" class="btn btn-danger" target="_blank" rel="noopener">Откријте Дизајн дана</a>
  </div>
</div>

<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=sr"></script>

Опција 3: JSON

За програмере, апликације и аутоматизацију. JSON садржи назив, опис, адресу слике, линкове и датум. Захтеви са других домена су дозвољени.

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

Пример одговора

{
    "domain": "designoftheday.org",
    "name": "Дизајн дана",
    "feature": "Дизајн дана",
    "paragraph": "A' Design Award сваког дана представља изузетно дизајнерско дело, високо иновативан производ или веома креативан пројекат као Дизајн дана, истичући изванредне примере креативности и доброг дизајна.",
    "description": "Дизајн дана сваког дана представља изузетно дизајнерско дело, високо иновативан производ или веома креативан пројекат, истичући изванредне примере креативности и доброг дизајна признатог од стране престижне награде A' Design Award and Competition.",
    "call_to_action": "Откријте Дизајн дана",
    "date": "2026-11-08",
    "language": "sr",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "Истакнути Дизајн дана који приказује награђивану креативну изврсност",
    "url": "https://designoftheday.org/sr/",
    "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/sr/prikaz/"
}

Добро је знати

Задржите линк око слике, како би ваши посетиоци могли да открију целу тему.
Увек користите адресу слике приказану изнад и не чувајте копију, како би ваша страница остала актуелна.
Слика је респонзивна: никада не постаје шира од свог контејнера.
Потребна вам је помоћ или прилагођени формат? Контактирајте нас.

Спонзорисано

Откријте награђене дизајне