Footer Personalizzat

Għadu qed tieħu l-proġett demo bħala eżempju, .i18n/htm/foot.pug fid-direttorju md jiddefinixxi l-footer tal-websajt.

Stil Footer

Hemm tliet fajls css taħt md/.i18n/htm fil-proġett demo.

• foot.css : Stil tal-footer
• import.css : 1Stil i18n.site għas-sit kollu
• conf.css : Ikoni u fonts fil-qiegħ

Font Tal-Ikona

L-ikona tal-footer hija ġġenerata billi tinħoloq font bl-isem iconfont.cn ( verżjoni bl-Ingliż F /版! ).

Jekk jogħġbok oħloq it-tipa tal-ikona tiegħek stess u ibdel il-font tal-ikona fil-konfigurazzjoni 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;
}

Jekk jogħġbok tirreferix direttament il-fajl tat-tipa ta' iconfont.cn għax ma jistax jitgħabba fuq il-browser safari.

Footer Multilingwi

Il-kodiċi .i18n/htm/foot.pug huwa kif ġej :

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

Hawnhekk ${I18N.C} jikkorrispondi għal en/i18n.yml :

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

Billi tuża ${I18N.xxx} simili għal dan il-metodu ta 'kitba, flimkien ma' i18n.yml , tista 'tikseb internazzjonalizzazzjoni b'ħafna lingwi tal-footer.

Iż-żieda ta class="a" mal-link hija biex tevita li l-link tiġi kkonvertita għal MarkDown Ara : ➔ YAML : Kif tipprevjeni li l-link HTML tiġi kkonvertita għal Markdown .