اصلی مطلبءِ سرا بچک

رۏچ ئے ڈیزائن

شمئے ویب سایٹ ءَ رۏچ ئے ڈیزائن جۆڑ کنیت

رۏچ ئے ڈیزائن هر روچ یک نۆکین فیچر شنگ کنت۔ عکسئے آدرس هچ وهد عوض نبیت، بلے آییئے پُشتئے تصویر عوض بیت، پچے شما یک بار کوڈ ءَ جۆڑ کنیت و شمئے بازدیدکنۆک هر روچ نۆکین فیچر ءَ گندنت۔

چۆن کار کنت

هر روچ یک نۆکین تصویر یک ثابتین آدرس ءَ شنگ بیت۔ شمئے صفحه آ آدرس ءَ لوڈ کنت، پچے همیشه اے روچئے فیچر پیش بیت، و کلیک ءَ شمئے بازدیدکنۆک رۏچ ئے ڈیزائن ءَ برت که آدا پوره داستان هست۔

اسکریپٹ لۆٹیت؟ یک کانتینر و یک اسکریپٹ جۆڑ کنیت: ویجٹ آ سٹایل ءَ جۆڑ کنت که شما data-dotd-variant ءَ گچین کرتگ (image، cta یا card)، اسکریپٹ آدرسئے زبان ءَ وهدے که آ زبان دسترس ءَ ببیت۔ اگه شما اسکریپٹ اجرا کرتگ نکنیت، همے ویریانٹئے HTML نسخه ءَ استفاده کنیت۔

ویریانٹ A: تهنا عکس

نۆکین روچئے تصویر، رۏچ ئے ڈیزائن ءَ لینک بوتگ۔ سکّ تر گچینک۔

زندگین پیش‌نمایش

<a href="https://designoftheday.org/bal/" 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=bal"></script>

ویریانٹ B: عکس و دعوت بہ عمل

نۆکین روچئے تصویر گۆن یک دعوت بہ عمل آییئے چیرءَ۔

زندگین پیش‌نمایش

<a href="https://designoftheday.org/bal/" 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=bal"></script>

ویریانٹ C: Bootstrap کارڈ

یک Bootstrap کارڈ گۆن تصویر، فیچرئے سرنام، یک کٹّین پاراگراف و یک دعوت بہ عمل بٹن۔ شمئے صفحه ءَ Bootstrap لازم انت۔

زندگین پیش‌نمایش

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/bal/" 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/bal/" 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=bal"></script>

گچینک 3: JSON

ڈیولپرانی، ایپانی و آٹومیشنئے واسطه۔ JSON ءَ نام، توضیح، عکسئے آدرس، لینکان و تاریخ هست۔ کراس-اوریجن درخواستان اجازت دیگ بوتگ۔

fetch("https://designoftheday.org/feature.json?lang=bal")
  .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": "bal",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "رۏچ ئے نمایاں ڈیزائن کہ انعام یافتگیں تخلیقی بہترینی نشان دنت",
    "url": "https://designoftheday.org/bal/",
    "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/bal/namayesh/"
}

وشّ انت بزانیت

  • عکسئے دور و بر لینک ءَ سات بداریت، تاں شمئے بازدیدکنۆک پوره فیچر ءَ گندگ بتوانت۔
  • همیشه بالادئے عکسئے آدرس ءَ استفاده کنیت و کاپی مه ساتیت، تاں شمئے صفحه تازه بمانیت۔
  • عکس ریسپانسیو انت: هچ وهد آییئے کانتینر ءَ چه پراهتر نبیت۔
  • کمک لۆٹیت یا سفارشی فارمت لۆٹیت؟ لطفاً ما ءَ تماس بگریت۔

اسپانسرد

ایوارڈ گِپتگیں ڈیزائنانَ دریاپ کنئے

روچءِ ڈیزائن گپ

روچءِ ڈیزائن گپ

DesignAdage