模板:圖注
跳至導覽
跳至搜尋
本模板由{{圖注/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}}
使用建議
如果背景圖片顏色較花,可以給文字加上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}}
對於超過480px的圖片,建議left等參數使用百分比數值,有技術力的推薦使用calc
等CSS函數,以保證在手機端不會因為圖片自動縮放導致排版崩壞:
{{图注/start}} [[File:圣剑萨提斯.png|600px]] {{图注|'''<big>圣剑萨提斯</big><br>{{lj|聖剣サルティス}}'''|top=30%|left=30%}} {{图注|懂人话的传说中的圣剑。只有真正的主人才可使用它。<br>可怜孤身前往异界的维斯丽雅,和她一同前往了异界。|top=calc(30% + 4em)|left=30%}} {{图注/end}}
|