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

模板:图注/start

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板由{{图注/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

圣剑萨提斯
聖剣サルティス
懂人话的传说中的圣剑。只有真正的主人才可使用它。
可怜孤身前往异界的维斯丽雅,和她一同前往了异界。