模板:图注/start
跳到导航
跳到搜索
本模板由{{图注/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}}
|