Dizajnerski brend dana

Ugradite Dizajnerski brend dana na svoju web stranicu

Dizajnerski brend 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 brend 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 brend dana. Najlakša opcija.

Pregled uživo

<a href="https://designbrandoftheday.com/bs/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Dizajnerski brend dana koji ističe brend usmjeren na dizajn koji blista kroz izvrsnost u dizajnu" 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=bs"></script>

Varijanta B: slika i poziv na akciju

Današnja slika sa pozivom na akciju ispod.

Pregled uživo

<a href="https://designbrandoftheday.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-brand-of-the-day/today.png" alt="Dizajnerski brend dana koji ističe brend usmjeren na dizajn koji blista kroz izvrsnost u dizajnu" 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 brend dana</span>
</a>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.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://designbrandoftheday.com/bs/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="Dizajnerski brend dana koji ističe brend usmjeren na dizajn koji blista kroz izvrsnost u dizajnu" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Dizajnerski brend dana</h5>
    <p class="card-text">A' Design Award svakodnevno ističe dizajnerski orijentisan brend svjetske klase kao Dizajnerski brend dana, naglašavajući njegov identitet, kreativnu viziju, proizvode, korporativne projekte i poseban pristup dizajnu.</p>
    <a href="https://designbrandoftheday.com/bs/" class="btn btn-danger" target="_blank" rel="noopener">Otkrijte Dizajnerski brend dana</a>
  </div>
</div>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.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://designbrandoftheday.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": "designbrandoftheday.com",
    "name": "Dizajnerski brend dana",
    "feature": "Dizajnerski brend dana",
    "paragraph": "A' Design Award svakodnevno ističe dizajnerski orijentisan brend svjetske klase kao Dizajnerski brend dana, naglašavajući njegov identitet, kreativnu viziju, proizvode, korporativne projekte i poseban pristup dizajnu.",
    "description": "Dizajnerski brend dana svakodnevno ističe dizajnerski orijentisan brend svjetske klase, naglašavajući identitet, kreativnu viziju, proizvode, korporativne projekte i poseban pristup dizajnu, prema priznanju visoko prestižne nagrade A' Design Award and Competition.",
    "call_to_action": "Otkrijte Dizajnerski brend dana",
    "date": "2026-11-08",
    "language": "bs",
    "image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
    "image_alt": "Dizajnerski brend dana koji ističe brend usmjeren na dizajn koji blista kroz izvrsnost u dizajnu",
    "url": "https://designbrandoftheday.com/bs/",
    "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/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.

Sponzorisano

Otkrijte nagrađivane dizajne