Template:偶像大师/学园偶像大师/角色头像

模板文档  

这个文档嵌入自Template:偶像大师/学园偶像大师/角色头像/doc。

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

Sprite图

本模板修改自{{偶像大师/MILLION LIVE!/角色头像}}。

用法

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

本模板的用法如下：

{{偶像大师/学园偶像大师/角色头像|匿名参数1|匿名参数2|shape|border|style|class}}

参数	作用
匿名参数1	必须，用于指定需要显示的头像的编号。角色对应的编号请参见“编号和印象色对照表”一节
匿名参数2	可选，用于设置头像宽度，不需要带单位，默认为150。受图像分辨率限制，推荐设置为小于418的值
shape	可选。不指定时将直接进行裁剪，指定shape=circle时头像会被裁剪为圆形，shape=roundedrect时头像则会被裁剪为圆角矩形
border	可选。指定非空值时给头像增加一个边框 边框的颜色可以在style字段中指定，未指定的场合边框颜色为白色（#ffffff）
style	可选。可以追加额外的CSS样式 已定义的样式请参见模板代码页和模板样式表 注：边框的颜色可以用style=border-color:#XXXXXX指定
class	可选。可以追加额外的CSS类 模板样式表中内置了一个实现图标在鼠标悬停时变化的伪类.imas-gakuen-trans:hover，效果请参见范例中的倒数第二项

范例

代码	效果
{{偶像大师/学园偶像大师/角色头像|1}}
{{偶像大师/学园偶像大师/角色头像|2|100}}
{{偶像大师/学园偶像大师/角色头像|3|80|shape=circle}}
{{偶像大师/学园偶像大师/角色头像|4|80|shape=roundedrect}}
{{偶像大师/学园偶像大师/角色头像|5|80|border=1|style=border-color:#ccffff}}
{{偶像大师/学园偶像大师/角色头像|6|100|shape=circle|border=1|style=border-color:#ff6600}}
{{偶像大师/学园偶像大师/角色头像|7|60|shape=roundedrect|border=1|style=border-color:#00ff00}}
{{偶像大师/学园偶像大师/角色头像|8|60|shape=circle|border=1|style=border-color:#2bbcd9; box-shadow: 0 5.5px 4px 0 rgba(0,0,0,0.22),0 4px 6px 0 rgba(0,0,0,0.22)}}
{{偶像大师/学园偶像大师/角色头像|9|60|shape=circle|border=1|style=border-color:#ff99cc|class=imas-gakuen-trans}}
{{Hovers}}<div class="hover-turn" style="width:65px; height:65px"><div class="hover-turn-before"> {{偶像大师/学园偶像大师/角色头像|10|60|shape=circle|border=1|style=border-color:#ff6e6e}}</div><div class="hover-turn-after">{{偶像大师/学园偶像大师/角色头像|10|60|shape=circle|border=1|style=border-color:#ff6e6e}}</div></div>

编号和印象色对照表

编号	使用角色名称的代码	效果	角色印象色
1	{{偶像大师/学园偶像大师/角色头像|1|50}}		#ff3d3d
2	{{偶像大师/学园偶像大师/角色头像|2|50}}		#4d8fbf
3	{{偶像大师/学园偶像大师/角色头像|3|50}}		#ffcc00
4	{{偶像大师/学园偶像大师/角色头像|4|50}}		#993366
5	{{偶像大师/学园偶像大师/角色头像|5|50}}		#ccffff
6	{{偶像大师/学园偶像大师/角色头像|6|50}}		#ff6600
7	{{偶像大师/学园偶像大师/角色头像|7|50}}		#00ff00
8	{{偶像大师/学园偶像大师/角色头像|8|50}}		#2bbcd9
9	{{偶像大师/学园偶像大师/角色头像|9|50}}		#ff99cc
10	{{偶像大师/学园偶像大师/角色头像|10|50}}		#ff6e6e
11	{{偶像大师/学园偶像大师/角色头像|11|50}}		#8ba9e8
12	{{偶像大师/学园偶像大师/角色头像|12|50}}		#ffcc99
13	{{偶像大师/学园偶像大师/角色头像|13|50}}		#ff9900
14	{{偶像大师/学园偶像大师/角色头像|14|50}}		#ccffcc