Dizajnerski tim dana
Ugradite Dizajnerski tim dana na svoju web stranicu
Dizajnerski tim dana svaki dan objavljuje novi sadržaj. Adresa slike se nikada ne mijenja, ali slika iza nje se mijenja, tako da kod dodajete samo jednom, a vaši posjetioci automatski vide današnji sadržaj.
Kako funkcioniše
Svaki dan nova slika se objavljuje na jednoj fiksnoj adresi. Vaša stranica učitava tu adresu, pa uvijek prikazuje trenutni sadržaj, a klikom vaši posjetioci dolaze na Dizajnerski tim dana gdje mogu pročitati cijelu priču.
Preferirate skriptu? Dodajte jedan kontejner i jednu skriptu: widget crta stil koji odaberete pomoću data-dotd-variant (image, cta ili card), na jeziku adrese skripte kada je taj jezik dostupan. Ako ne možete pokretati skripte, koristite HTML verziju iste varijante.
Varijanta A: samo slika
Današnja slika, povezana sa Dizajnerski tim dana. Najlakša opcija.
Pregled uživo
<a href="https://designteamoftheday.com/bs/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Nagrađivani Dizajnerski tim dana koji sarađuje na inovativnim projektima" 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=bs"></script>Varijanta B: slika i poziv na akciju
Današnja slika sa pozivom na akciju ispod.
Pregled uživo
<a href="https://designteamoftheday.com/bs/" 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="Nagrađivani Dizajnerski tim dana koji sarađuje na inovativnim projektima" 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">Otkrijte Dizajnerski tim dana</span>
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=bs"></script>Varijanta C: Bootstrap kartica
Bootstrap kartica sa slikom, naslovom sadržaja, kratkim paragrafom i dugmetom za poziv na akciju. Vaša stranica treba Bootstrap.
Pregled uživo
<div class="card" style="max-width:24rem">
<a href="https://designteamoftheday.com/bs/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Nagrađivani Dizajnerski tim dana koji sarađuje na inovativnim projektima" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Dizajnerski tim dana</h5>
<p class="card-text">A' Design Award slavi kreativne timove iza izuzetnih projekata dizajna, arhitekture i inovacija kao Dizajnerski tim dana, predstavljajući vodeće studije čija se saradnja, zajednička vizija i stručnost posebno ističu.</p>
<a href="https://designteamoftheday.com/bs/" class="btn btn-danger" target="_blank" rel="noopener">Otkrijte Dizajnerski tim dana</a>
</div>
</div><div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=bs"></script>Opcija 3: JSON
Za programere, aplikacije i automatizaciju. JSON sadrži naziv, opis, adresu slike, linkove i datum. Zahtjevi s različitih domena su dozvoljeni.
fetch("https://designteamoftheday.com/feature.json?lang=bs")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Primjer odgovora
{
"domain": "designteamoftheday.com",
"name": "Dizajnerski tim dana",
"feature": "Dizajnerski tim dana",
"paragraph": "A' Design Award slavi kreativne timove iza izuzetnih projekata dizajna, arhitekture i inovacija kao Dizajnerski tim dana, predstavljajući vodeće studije čija se saradnja, zajednička vizija i stručnost posebno ističu.",
"description": "Dizajnerski tim dana slavi kreativne timove iza izuzetnih projekata dizajna, arhitekture i inovacija, predstavljajući dizajnere svjetske klase, zvijezde arhitekture i vodeće dizajnerske timove širom svijeta čija su saradnja, zajednička vizija i stručnost prepoznati od strane visoko prestižne nagrade A' Design Award and Competition.",
"call_to_action": "Otkrijte Dizajnerski tim dana",
"date": "2026-11-08",
"language": "bs",
"image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
"image_alt": "Nagrađivani Dizajnerski tim dana koji sarađuje na inovativnim projektima",
"url": "https://designteamoftheday.com/bs/",
"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/bs/ugradnja/"
}Dobro je znati
- Zadržite link oko slike kako bi vaši posjetioci mogli otkriti cijeli sadržaj.
- Uvijek koristite adresu slike prikazanu iznad i ne pohranjujte kopiju, tako da vaša stranica ostane ažurna.
- Slika je responzivna: nikada ne postaje šira od svog kontejnera.
- Trebate pomoć ili prilagođeni format? Molimo kontaktirajte nas.