七日内新公告:全站维护公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:ImasIcon/Gakuen

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

此模板是用于显示学园偶像大师中角色头像的模板,封装了ImasIcon/Gakuen模块。
由于使用了雪碧图/精灵图(Sprite)技术,即使在页面内大量使用该模板,也只会产生一个图片请求。

Sprite图

File:Imas gakuen icon sprite v3.png

本模板修改自{{ImasIcon/ML}}。

用法

注意:本模板调用了模板样式表。若需要在[[]]中使用本模板,且发现本模板在页面中(尤其是在表格中)无法被正常调用,则请在对应页面的开头处加入代码<templatestyles src="Template:ImasIcon/Gakuen/style.css"/>(详情请参见萌娘百科 talk:讨论版/技术实现/存档/2022年07月#关于由模板生成的图片带上链接后在表格中无法正常显示的问题)。

本模板的用法如下:

{{ImasIcon/Gakuen|匿名参数1|匿名参数2|shape|border|style|class}}
参数 作用
匿名参数1 必须,用于指定需要显示的头像的编号。角色对应的编号请参见“编号、名称与图标对照表”一节
匿名参数2 可选,用于设置头像宽度,不需要带单位,默认为150。受图像分辨率限制,推荐设置为小于256的值
目前,头像宽度的限制值为20至300像素之间
style 可选。可以追加额外的CSS样式
已定义的样式请参见模板样式表
注:边框的颜色可以用style=border-color:#XXXXXX指定
class 可选。可以追加额外的CSS类
模板样式表中内置了一个实现图标在鼠标悬停时变化的伪类.imas-gakuen-trans:hover,效果请参见范例中的最后一项

范例

代码 效果
{{ImasIcon/Gakuen|花海咲季}}
{{ImasIcon/Gakuen|葛城莉莉娅|100}}
{{ImasIcon/Gakuen|紫云清夏|60|style=box-shadow: 0 5.5px 4px 0 rgba(0,0,0,0.22),0 4px 6px 0 rgba(0,0,0,0.22)}}
{{ImasIcon/Gakuen|花海佑芽|60|class=imas-gakuen-trans}}

编号、名称与图标对照表

编号或名称 对应图标
1或花海咲季
2或月村手毬
3或藤田琴音
4或有村麻央
5或葛城莉莉亚
6或仓本千奈
7或紫云清夏
8或篠泽广
9或姫崎莉波
10或花海佑芽
11或秦谷美铃
12或十王星南
13或十王邦夫
14或根绪亚纱里