כותרת תחתונה מותאמת אישית

עדיין לוקחים את פרויקט ההדגמה כדוגמה, .i18n/htm/foot.pug בספריית md מגדיר את הכותרת התחתונה של האתר.

סגנון כותרת תחתונה

ישנם שלושה קבצים css מתחת md/.i18n/htm בפרויקט ההדגמה.

• foot.css סגנון כותרת :
• import.css : סגנון i18n.site עבור האתר כולו
• conf.css סמלים וגופנים של כותרת :

גופן סמל

סמל הכותרת התחתונה נוצר על ידי יצירת גופן בשם iconfont.cn ( גרסה אנגלית F /版).

אנא צור גופן סמל משלך והחלף את גופן הסמל בתצורה ב 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;
}

נא לא להפנות ישירות לקובץ הגופן של iconfont.cn מכיוון שלא ניתן לטעון אותו בדפדפן הספארי.

כותרת תחתונה רב לשונית

הקוד ב .i18n/htm/foot.pug הוא כדלקמן :

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

כאן ${I18N.C} מתאים ל en/i18n.yml :

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

באמצעות ${I18N.xxx} הדומה לשיטת כתיבה זו, בשילוב עם i18n.yml , ניתן להשיג בינאום רב-לשוני של הכותרת התחתונה.

הוספת class="a" לקישור היא כדי למנוע את המרת הקישור ל MarkDown ראה : ➔ YAML כיצד למנוע המרת קישור HTML Markdown : .