কাষ্টমাইজড নেভিগেচন

নেভিগেচন কেনেকৈ কাষ্টমাইজ কৰিব লাগে সেই বিষয়ে বুজাবলৈ ডেমো চাইটটো উদাহৰণ হিচাপে লওঁ আহক i18n-demo.github.io

ওপৰৰ চিত্ৰত সংখ্যাযুক্ত অঞ্চলসমূহৰ সৈতে সংগতি ৰাখি ফাইলসমূহ তলত দিয়া ধৰণৰ:

1. বাওঁফালে .i18n/htm/t1.pug
2. সোঁ .i18n/htm/t2.pug

pug এটা সাঁচ ভাষা যি HTML 's সৃষ্টি কৰে।

➔ ৰ ব্যাকৰণ শিকিবলৈ ইয়াত ক্লিক কৰক pug

বিন্যাস ষ্ট্ৰিং ${I18N.sponsor} নথিপত্ৰত আন্তৰ্জাতিককৰণ প্ৰণয়ন কৰিবলে ব্যৱহাৰ কৰা হয়, আৰু ইয়াৰ বিষয়বস্তু উৎস ভাষা পঞ্জিকাত i18n.yml

নেভিগেচন বাৰৰ শৈলীৰ সৈতে সংগতি .i18n/htm/topbar.css ফাইলটো হ'ল :

[!WARN] pug ত css আৰু js লিখিব নালাগে , নহ'লে ভুল হ'ব।

ৱেব উপাদানসমূহ

js pug ত লিখিব নোৱাৰি। যদি পাৰস্পৰিক ক্ৰিয়াৰ প্ৰয়োজন হয়, এটা ৱেব উপাদান সৃষ্টি কৰি ইয়াক লাভ কৰিব পাৰি।

উপাদানসমূহে এটা ৱেব পৃষ্ঠা উপাদান md/.i18n/htm/index.js ত সংজ্ঞায়িত কৰিব পাৰে আৰু তাৰ পিছত foot.pug ত উপাদান ব্যৱহাৰ কৰিব পাৰে।

ৱেব উপাদান সৃষ্টি কৰাটো সহজ, যেনে স্বনিৰ্বাচিত <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