حسب ضرورت نیویگیشن

نیویگیشن کو کس طرح اپنی مرضی کے مطابق بنانا ہے اس کی وضاحت کے لیے ڈیمو سائٹ کو ایک مثال کے طور پر لیتے ہیں i18n-demo.github.io

مندرجہ بالا اعداد و شمار میں نمبر والے علاقوں سے متعلق فائلیں مندرجہ ذیل ہیں:

1. بائیں .i18n/htm/t1.pug
2. دائیں .i18n/htm/t2.pug

pug ایک ٹیمپلیٹ لینگویج ہے جو HTML کی تخلیق کرتی ہے۔

➔ گرامر سیکھنے کے لیے یہاں کلک کریں pug

فارمیٹ سٹرنگ ${I18N.sponsor} فائل میں بین الاقوامی بنانے کے لیے استعمال کیا جاتا ہے، اور اس کے مواد کو ماخذ زبان کی ڈائرکٹری میں متعلقہ متن سے بدل دیا جائے گا i18n.yml

نیویگیشن بار کے انداز سے متعلق فائل ہے .i18n/htm/topbar.css :

[!WARN] css اور js pug میں نہ لکھیں ، ورنہ غلطی ہو جائے گی۔

ویب اجزاء

js pug میں نہیں لکھا جا سکتا۔ اگر تعامل کی ضرورت ہو، تو اسے ویب جزو بنا کر حاصل کیا جا سکتا ہے۔

اجزاء md/.i18n/htm/index.js میں ویب صفحہ کے اجزاء کی وضاحت کرسکتے ہیں اور پھر foot.pug میں جزو استعمال کرسکتے ہیں۔

ویب اجزاء بنانا آسان ہے، جیسے custom <x-img> ۔

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

فی الحال x/i-h.js حوالہ md/.i18n/htm/index.js میں دیا گیا ہے، جو کہ نیویگیشن اور فوٹر کے حسب ضرورت مواد کے متن کو بین الاقوامی بنانے کے لیے استعمال کیا جاتا ہے سورس کوڈ دیکھیں 18x/src/i-h.js