本站页面(多半)转载自萌娘百科的同名页面,依CC BY-NC-SA 3.0引入,贡献者可以在历史页查询。
因各种原因页面内容可能和源页面有所出入,非本站特有页面内容请以萌娘百科为准。
因各种原因页面内容可能和源页面有所出入,非本站特有页面内容请以萌娘百科为准。
- 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
- 本镜像站和其他萌娘百科的镜像站无关,请注意分别。
模板:圖注/end
跳至導覽
跳至搜尋
本模板由{{圖注/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}}
|