Nabigazio Pertsonalizatua

Har dezagun demo gunea adibide i18n-demo.github.io nabigazioa nola pertsonalizatu azaltzeko.

Goiko irudiko zenbakidun eremuei dagozkien fitxategiak hauek dira:

1. Ezker .i18n/htm/t1.pug
2. Eskuin .i18n/htm/t2.pug

pug txantiloi-lengoaia da, HTML -ak sortzen dituena.

➔ Egin klik hemen gramatika ikasteko pug

Fitxategian ${I18N.sponsor} formatu-katea erabiltzen da nazioartekotzea ezartzeko, eta bere edukia i18n.yml testuarekin ordezkatuko da iturburu-hizkuntzaren direktorioan.

Nabigazio- .i18n/htm/topbar.css : .

[!WARN] Ez idatzi css eta js pug -n , bestela errore bat egongo da.

Web Osagaiak

js ezin da pug n idatzi. Elkarreragina behar bada, web osagai bat sortuz lor daiteke.

Osagaiek web-orrietako osagai bat md/.i18n/htm/index.js -n defini dezakete eta gero osagaia foot.pug -ean erabil dezakete.

Erraza da web osagaiak sortzea, adibidez, <x-img> pertsonalizatuak0 .

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);
    }
  }
)

Gaur egun x/i-h.js erreferentzia da md/.i18n/htm/index.js , hau da, nabigazioa eta oinaren testu pertsonalizatua nazioartekotzeko erabiltzen den web osagaia. Ikusi iturburu-kodea 18x/src/i-h.js