置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:圖注/doc

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

本模板由{{圖注/start}}、{{圖注}}、{{圖注/end}}三個模板組成,用於在圖片上放置文字說明。

參數

  • {{圖注/start}}:只有一個參數style或匿名參數1,用於設置總體的樣式。
  • {{圖注}}
    • 匿名參數1:要顯示的圖注內容。
    • top、right、bottom、left:圖注的位置,說明見下方說明。
  • {{圖注/end}}:無參數。

關於圖注位置的說明:

圖片
圖注
top=60px
right=80px
bottom=40px
left=58px

通常只需在top和bottom中二選其一、right和left中二選其一即可。

使用方式

使用此模板時,應當同時使用三個模板,用{{圖注/start}}和{{圖注/end}}包裹圖片(內、外鏈均可)和{{圖注}}。

{{图注/start}}
[[File:Moegirl-wallpaper-spring-2018.png|600px]]
{{图注|<big>这是第一个图注</big>|top=20px|left=100px}}
{{图注|'''这是加粗的第二个'''|bottom=50px|left=200px}}
{{图注|{{color|red|红色的第三个}}|right=200px|bottom=20px}}
{{图注/end}}

Moegirl-wallpaper-spring-2018.png

這是第一個圖注
這是加粗的第二個
紅色的第三個

使用建議

如果背景圖片顏色較花,可以給文字加上text-shadow屬性,或是使用{{文字描邊2}}、{{文字外發光/stroke}}等模板,以提高文字的可讀性:

{{图注/start}}
[[File:hakua yuzuru.jpg|300px|link=]]
{{图注|{{文字外发光/stroke|'''[[灰濑让]]({{ruby|灰瀬|はいせ|ja|ja}} {{ruby|譲|ゆずる|ja|ja}})'''|发光颜色=#fff}}|top=10px|left=5px}}
{{图注|{{文字外发光/stroke|'''[[白河白亚]]({{ruby|白河|しらかわ|ja|ja}} {{ruby|白亜|はくあ|ja|ja}})'''|发光颜色=#fff}}|top=140px|right=5px}}
{{图注/end}}

Hakua yuzuru.jpg

灰瀨讓灰瀬はいせ ゆずる灰瀨讓灰瀬はいせ ゆずる
白河白亞白河しらかわ 白亜はくあ白河白亞白河しらかわ 白亜はくあ

對於超過480px的圖片,建議left等參數使用百分比數值,有技術力的推薦使用calc等CSS函數,以保證在手機端不會因為圖片自動縮放導致排版崩壞:

{{图注/start}}
[[File:圣剑萨提斯.png|600px]]
{{图注|'''<big>圣剑萨提斯</big><br>{{lj|聖剣サルティス}}'''|top=30%|left=30%}}
{{图注|懂人话的传说中的圣剑。只有真正的主人才可使用它。<br>可怜孤身前往异界的维斯丽雅,和她一同前往了异界。|top=calc(30% + 4em)|left=30%}}
{{图注/end}}

聖劍薩提斯.png

聖劍薩提斯
聖剣サルティス
懂人話的傳說中的聖劍。只有真正的主人才可使用它。
可憐孤身前往異界的維斯麗雅,和她一同前往了異界。