Legenda Reka Bentuk
Benamkan Legenda Reka Bentuk Hari Ini di Laman Web Anda
Legenda Reka Bentuk menerbitkan ciri baharu setiap hari. Alamat imej tidak berubah, tetapi gambar di sebaliknya bertukar, jadi anda hanya perlu menambah kod sekali dan pelawat anda akan melihat ciri hari ini secara automatik.
Cara ia berfungsi
Setiap hari, gambar baharu diterbitkan di satu alamat tetap. Halaman anda memuatkan alamat tersebut, jadi ia sentiasa menunjukkan ciri terkini, dan satu klik membawa pelawat anda ke Legenda Reka Bentuk di mana kisah penuh diceritakan.
Lebih suka menggunakan skrip? Tambahkan satu bekas dan satu skrip: widget akan melukis gaya yang anda pilih dengan data-dotd-variant (image, cta atau card), dalam bahasa alamat skrip jika bahasa tersebut tersedia. Jika anda tidak boleh menjalankan skrip, gunakan versi HTML bagi varian yang sama.
Varian A: imej sahaja
Gambar hari ini, dipautkan ke Legenda Reka Bentuk. Pilihan paling ringan.
Pratonton langsung
<a href="https://thedesignlegend.com/ms/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Retrospektif Legenda Reka Bentuk Hari Ini mempamerkan pencapaian seumur hidup dalam reka bentuk" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ms"></script>
Varian B: imej dan seruan tindakan
Gambar hari ini dengan seruan tindakan di bawahnya.
Pratonton langsung
<a href="https://thedesignlegend.com/ms/" 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-legend-of-the-day/today.png" alt="Retrospektif Legenda Reka Bentuk Hari Ini mempamerkan pencapaian seumur hidup dalam reka bentuk" 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">Temui Legenda Reka Bentuk Hari Ini</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ms"></script>
Varian C: kad Bootstrap
Kad Bootstrap dengan gambar, tajuk ciri, perenggan pendek dan butang seruan tindakan. Halaman anda memerlukan Bootstrap.
Pratonton langsung
<div class="card" style="max-width:24rem">
<a href="https://thedesignlegend.com/ms/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Retrospektif Legenda Reka Bentuk Hari Ini mempamerkan pencapaian seumur hidup dalam reka bentuk" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Legenda Reka Bentuk Hari Ini</h5>
<p class="card-text">A' Design Award meraikan seorang pereka berpengaruh atau arkitek bertaraf dunia yang kerjaya luar biasa, ciptaan ikonik dan idea perintis mereka telah membentuk sejarah dan perkembangan reka bentuk sebagai Legenda Reka Bentuk Hari Ini.</p>
<a href="https://thedesignlegend.com/ms/" class="btn btn-danger" target="_blank" rel="noopener">Temui Legenda Reka Bentuk Hari Ini</a>
</div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=ms"></script>
Pilihan 3: JSON
Untuk pembangun, aplikasi dan automasi. JSON mengandungi nama, penerangan, alamat imej, pautan dan tarikh. Permintaan silang asal dibenarkan.
fetch("https://thedesignlegend.com/feature.json?lang=ms")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
Contoh respons
{
"domain": "thedesignlegend.com",
"name": "Legenda Reka Bentuk",
"feature": "Legenda Reka Bentuk Hari Ini",
"paragraph": "A' Design Award meraikan seorang pereka berpengaruh atau arkitek bertaraf dunia yang kerjaya luar biasa, ciptaan ikonik dan idea perintis mereka telah membentuk sejarah dan perkembangan reka bentuk sebagai Legenda Reka Bentuk Hari Ini.",
"description": "Legenda Reka Bentuk meraikan pereka berpengaruh dan arkitek bertaraf dunia yang kerjaya luar biasa, ciptaan ikonik, idea perintis dan sumbangan berkekalan mereka telah membentuk sejarah dan perkembangan reka bentuk, menyerlahkan individu kreatif dan pencapaian yang diiktiraf oleh A' Design Award and Competition yang sangat berprestij.",
"call_to_action": "Temui Legenda Reka Bentuk Hari Ini",
"date": "2026-11-08",
"language": "ms",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Retrospektif Legenda Reka Bentuk Hari Ini mempamerkan pencapaian seumur hidup dalam reka bentuk",
"url": "https://thedesignlegend.com/ms/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.com/ms/paparan/"
}
Baik untuk diketahui
- Kekalkan pautan di sekeliling imej, supaya pelawat anda boleh menemui ciri penuh.
- Sentiasa gunakan alamat imej yang ditunjukkan di atas dan jangan simpan salinan, supaya halaman anda sentiasa terkini.
- Imej adalah responsif: ia tidak akan melebihi lebar bekasnya.
- Perlukan bantuan atau format tersuai? Sila hubungi kami.