Footer Ngaropéa

Masih nyandak proyék demo salaku conto, .i18n/htm/foot.pug dina diréktori md ngahartikeun footer halaman wéb.

Gaya Footer

Aya tilu file css handapeun md/.i18n/htm dina proyék demo.

• foot.css : gaya footer
• import.css : i18n.site pikeun sakabéh situs
• conf.css : Ikon footer sareng font

Ikon Font

Ikon footer dihasilkeun ku cara nyieun font ngaranna iconfont.cn ( versi Inggris / F版).

Punten jieun font ikon anjeun nyalira sareng ganti font ikon dina konfigurasi dina conf.css :

@font-face {
  font-family: "F";
  src: url(//p.3ti.site/ico1.woff2) format("woff2");
}

#Ft>b>a.site {
  background: url("//p.3ti.site/i18n.svg") 0 0 / cover;
  display: block;
  height: 24px;
  opacity: 0.8;
  width: 115px;
  flex-shrink: 0;
}

Punten ulah langsung ngarujuk kana file font iconfont.cn sabab teu tiasa dimuat dina browser Safari.

Footer Multibasa

Kodeu dina .i18n/htm/foot.pug nyaéta kieu :

#Ft
  b
    a.site(href="/")
    b ${I18N.C}

Di dieu ${I18N.C} pakait jeung en/i18n.yml :

C: Power By <a class="a" href="https://i18n.site">i18n.site</a>

Ngagunakeun ${I18N.xxx} sarupa metoda tulisan ieu, digabungkeun jeung i18n.yml , Anjeun bisa ngahontal internationalization multi-basa footer nu.

Nambahkeun class="a" kana tautan nyaéta pikeun nyegah tautan dirobih janten MarkDown Tingali : ➔ YAML : Kumaha carana nyegah link HTML dirobah jadi Markdown .