模板:偶像大师/学园偶像大师/角色头像
< Template:偶像大师 | 学园偶像大师
跳到导航
跳到搜索
此模板是用于显示学园偶像大师中角色头像的模板。
由于使用了雪碧图/精灵图(Sprite)技术,即使在页面内大量使用该模板,也只会产生一个图片请求。
Sprite图 |
---|
本模板修改自{{偶像大师/MILLION LIVE!/角色头像}}。
用法
注意:本模板调用了模板样式表。若需要在[[]]
中使用本模板,且发现本模板在页面中(尤其是在表格中)无法被正常调用,则请在对应页面的开头处加入代码<templatestyles src="模板:偶像大师/学园偶像大师/角色头像/style.css"/>
(详情请参见萌娘百科 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 |