Navigation La Habeeyey

Aan tusaale u soo qaadano goobta demo i18n-demo.github.io u sharaxno sida loo habeeyo navigation.

Faylasha u dhigma meelaha nambarada leh ee shaxanka sare waa sida soo socota:

  1. Bidix .i18n/htm/t1.pug
  2. Midig .i18n/htm/t2.pug

pug waa luqad qaabaysan oo dhalisa HTML 's.

➔ Riix halkan si aad u barato naxwaha pug

Xadhiga qaabka ${I18N.sponsor} ayaa loo adeegsadaa faylka si loo hirgaliyo caalimiyeedka, waxa ku jirana waxa lagu badali doonaa qoraalka u dhigma ee ku i18n.yml hagaha luuqada.

Faylka u dhigma qaabka bar .i18n/htm/topbar.css :

[!WARN] Ha ku qorin css iyo js ee pug , haddii kale waxaa jiri doona qalad.

Qaybaha Shabakadda

js laguma qori karo pug Haddii isdhexgalka loo baahan yahay, waxaa lagu gaari karaa iyada oo la abuurayo qayb shabakad ah.

Qaybaha waxay ku qeexi karaan qaybta bogga shabakadda md/.i18n/htm/index.js ka dibna waxay isticmaalaan qaybta foot.pug .

Way fududahay in la abuuro qaybaha shabakada, sida <x-img> custom0 .

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

Hadda x/i-h.js waxa lagu tixraacay md/.i18n/htm/index.js , kaas oo ah qayb shabakadeed oo loo isticmaalo caalamiyaynta hab-socodka iyo qoraalka nuxurka la habeeyey. Eeg koodhka isha 18x/src/i-h.js