Дизајн тим дана
Уградите Дизајн тим дана на свој веб-сајт
Дизајн тим дана објављује нову тему сваког дана. Адреса слике се никада не мења, али слика иза ње се мења, тако да код додајете само једном, а ваши посетиоци аутоматски виде данашњу тему.
Како функционише
Сваког дана нова слика се објављује на једној фиксној адреси. Ваша страница учитава ту адресу, тако да увек приказује тренутну тему, а клик води ваше посетиоце на Дизајн тим дана где је испричана цела прича.
Више волите скрипту? Додајте један контејнер и једну скрипту: виџет исцртава стил који изаберете помоћу data-dotd-variant (image, cta или card), на језику адресе скрипте када је тај језик доступан. Ако не можете да покрећете скрипте, користите HTML верзију исте варијанте.
Варијанта А: само слика
Данашња слика, повезана са Дизајн тим дана. Најлакша опција.
Преглед уживо
<a href="https://designteamoftheday.com/sr/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Награђивани Дизајн тим дана у сарадњи на иновативним пројектима" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sr"></script>
Варијанта Б: слика и позив на акцију
Данашња слика са позивом на акцију испод.
Преглед уживо
<a href="https://designteamoftheday.com/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-team-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="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sr"></script>
Варијанта Ц: Bootstrap картица
Bootstrap картица са сликом, насловом теме, кратким параграфом и дугметом за позив на акцију. Вашој страници је потребан Bootstrap.
Преглед уживо
<div class="card" style="max-width:24rem">
<a href="https://designteamoftheday.com/sr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-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://designteamoftheday.com/sr/" class="btn btn-danger" target="_blank" rel="noopener">Откријте Дизајн тим дана</a>
</div>
</div>
<div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=sr"></script>
Опција 3: JSON
За програмере, апликације и аутоматизацију. JSON садржи назив, опис, адресу слике, линкове и датум. Захтеви са других домена су дозвољени.
fetch("https://designteamoftheday.com/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": "designteamoftheday.com",
"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-team-of-the-day/today.png",
"image_alt": "Награђивани Дизајн тим дана у сарадњи на иновативним пројектима",
"url": "https://designteamoftheday.com/sr/",
"feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
"embed_url": "https://designteamoftheday.com/sr/prikaz/"
}
Добро је знати
- Задржите линк око слике, како би ваши посетиоци могли да открију целу тему.
- Увек користите адресу слике приказану изнад и не чувајте копију, како би ваша страница остала актуелна.
- Слика је респонзивна: никада не постаје шира од свог контејнера.
- Потребна вам је помоћ или прилагођени формат? Контактирајте нас.