Navigasyon Customized

Ann pran sit i18n-demo.github.io a kòm yon egzanp pou eksplike kijan pou personnaliser navigasyon.

Fichye ki koresponn ak zòn nimewote yo nan figi ki anwo a se jan sa a:

1. kite .i18n/htm/t1.pug
2. dwa .i18n/htm/t2.pug

pug se yon lang modèl ki jenere HTML 's.

➔ Klike la a pou aprann gramè pug

Se fisèl fòma ${I18N.sponsor} a itilize nan fichye a pou aplike entènasyonalizasyon, epi kontni li yo pral ranplase ak tèks ki koresponn i18n.yml nan anyè lang sous la.

Fichye ki koresponn ak style ba navigasyon an .i18n/htm/topbar.css :

[!WARN] Pa ekri css ak js nan pug , sinon pral gen yon erè.

Konpozan Entènèt

js pa ka ekri nan pug Si entèraksyon nesesè, li ka reyalize pa kreye yon eleman entènèt.

Eleman yo ka defini yon eleman paj wèb nan md/.i18n/htm/index.js epi sèvi ak eleman an nan foot.pug .

Li fasil pou kreye konpozan entènèt, tankou <x-img> koutim0 .

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

Kounye a x/i-h.js se referans nan md/.i18n/htm/index.js , ki 18x/src/i-h.js yon eleman entènèt ki itilize pou entènasyonalizasyon nan navigasyon ak tèks kontni Customized Gade.