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

模板:偶像大师/MILLION LIVE!/角色头像/doc

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳到导航 跳到搜索

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

Sprite图

IM@S ML Icon Sprite v2.png

本模板的灵感来自{{偶像大师/SHINY COLORS}},并参考了{{赛马娘 Pretty Derby}}和{{赛马娘头像}}及各自的模板样式表,在此表示衷心感谢。

用法

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

本模板的用法如下:

{{偶像大师/MILLION LIVE!/角色头像|匿名参数1|匿名参数2|type|shape|border|style|class}}
参数 作用
匿名参数1 必须,用于指定需要显示的头像的编号。角色对应的编号请参见“编号对照表”一节
匿名参数2 可选,用于设置头像宽度,不需要带单位,默认为146。受图像分辨率限制,不建议超过146
type 可选。指定type=N时显示角色的N卡头像,指定type=N+时显示角色的N+卡头像,不指定时显示角色的N卡头像
注意:由于只有偶像角色才有N+卡头像,因此对于事务人员与其他登场角色,设置type=N+后将不显示图标
shape 可选。不指定时将直接进行裁剪,指定shape=circle时头像会被裁剪为圆形,shape=roundedrect时头像则会被裁剪为圆角矩形
border 可选。指定非空值时给头像增加一个边框
边框的颜色可以在style字段中指定,未指定的场合边框颜色为白色(#ffffff)
style 可选。可以追加额外的CSS样式
已定义的样式请参见模板代码页模板样式表
注:边框的颜色可以用style=border-color:#XXXXXX指定
class 可选。可以追加额外的CSS类
模板样式表中内置了一个实现图标在鼠标悬停时变化的伪类.imas-ml-trans:hover,效果请参见范例中的倒数第二项

范例

代码 效果
{{偶像大师/MILLION LIVE!/角色头像|1}}
{{偶像大师/MILLION LIVE!/角色头像|14|type=N+}}
{{偶像大师/MILLION LIVE!/角色头像|15|100}}
{{偶像大师/MILLION LIVE!/角色头像|16|80|shape=circle}}
{{偶像大师/MILLION LIVE!/角色头像|17|80|shape=roundedrect}}
{{偶像大师/MILLION LIVE!/角色头像|22|80|border=1|style=border-color:#ed90ba}}
{{偶像大师/MILLION LIVE!/角色头像|24|100|shape=circle|border=1|style=border-color:#7e6ca8}}
{{偶像大师/MILLION LIVE!/角色头像|26|60|shape=roundedrect|border=1|style=border-color:#c7b83c}}
{{偶像大师/MILLION LIVE!/角色头像|29|80|type=N+|shape=circle|border=1|style=border-color:#e9739b}}
{{偶像大师/MILLION LIVE!/角色头像|36|60|type=N+|shape=circle|border=1|style=border-color:#f5ad3b; box-shadow: 0 5.5px 4px 0 rgba(0,0,0,0.22),0 4px 6px 0 rgba(0,0,0,0.22)}}
{{偶像大师/MILLION LIVE!/角色头像|49|60|type=N+|shape=circle|border=1|style=border-color:#efb864|class=imas-ml-trans}}
{{Hovers}}<div class="hover-turn" style="width:70px; height:70px"><div class="hover-turn-before"> {{偶像大师/MILLION LIVE!/角色头像|36|60|type=N|shape=circle|border=1}}</div><div class="hover-turn-after">{{偶像大师/MILLION LIVE!/角色头像|36|60|type=N+|shape=circle|border=1}}</div></div>

编号对照表

编号 使用角色名称的代码 效果
1 {{偶像大师/MILLION LIVE!/角色头像|1|50}}
2 {{偶像大师/MILLION LIVE!/角色头像|2|50}}
3 {{偶像大师/MILLION LIVE!/角色头像|3|50}}
4 {{偶像大师/MILLION LIVE!/角色头像|4|50}}
5 {{偶像大师/MILLION LIVE!/角色头像|5|50}}
6 {{偶像大师/MILLION LIVE!/角色头像|6|50}}
7 {{偶像大师/MILLION LIVE!/角色头像|7|50}}
8 {{偶像大师/MILLION LIVE!/角色头像|8|50}}
9 {{偶像大师/MILLION LIVE!/角色头像|9|50}}
10 {{偶像大师/MILLION LIVE!/角色头像|10|50}}
11 {{偶像大师/MILLION LIVE!/角色头像|11|50}}
12 {{偶像大师/MILLION LIVE!/角色头像|12|50}}
13 {{偶像大师/MILLION LIVE!/角色头像|13|50}}
14 {{偶像大师/MILLION LIVE!/角色头像|14|50}}
15 {{偶像大师/MILLION LIVE!/角色头像|15|50}}
16 {{偶像大师/MILLION LIVE!/角色头像|16|50}}
17 {{偶像大师/MILLION LIVE!/角色头像|17|50}}
18 {{偶像大师/MILLION LIVE!/角色头像|18|50}}
19 {{偶像大师/MILLION LIVE!/角色头像|19|50}}
20 {{偶像大师/MILLION LIVE!/角色头像|20|50}}
21 {{偶像大师/MILLION LIVE!/角色头像|21|50}}
22 {{偶像大师/MILLION LIVE!/角色头像|22|50}}
23 {{偶像大师/MILLION LIVE!/角色头像|23|50}}
24 {{偶像大师/MILLION LIVE!/角色头像|24|50}}
25 {{偶像大师/MILLION LIVE!/角色头像|25|50}}
26 {{偶像大师/MILLION LIVE!/角色头像|26|50}}
27 {{偶像大师/MILLION LIVE!/角色头像|27|50}}
28 {{偶像大师/MILLION LIVE!/角色头像|28|50}}
29 {{偶像大师/MILLION LIVE!/角色头像|29|50}}
30 {{偶像大师/MILLION LIVE!/角色头像|30|50}}
31 {{偶像大师/MILLION LIVE!/角色头像|31|50}}
32 {{偶像大师/MILLION LIVE!/角色头像|32|50}}
33 {{偶像大师/MILLION LIVE!/角色头像|33|50}}
34 {{偶像大师/MILLION LIVE!/角色头像|34|50}}
35 {{偶像大师/MILLION LIVE!/角色头像|35|50}}
36 {{偶像大师/MILLION LIVE!/角色头像|36|50}}
37 {{偶像大师/MILLION LIVE!/角色头像|37|50}}
38 {{偶像大师/MILLION LIVE!/角色头像|38|50}}
39 {{偶像大师/MILLION LIVE!/角色头像|39|50}}
40 {{偶像大师/MILLION LIVE!/角色头像|40|50}}
41 {{偶像大师/MILLION LIVE!/角色头像|41|50}}
42 {{偶像大师/MILLION LIVE!/角色头像|42|50}}
43 {{偶像大师/MILLION LIVE!/角色头像|43|50}}
44 {{偶像大师/MILLION LIVE!/角色头像|44|50}}
45 {{偶像大师/MILLION LIVE!/角色头像|45|50}}
46 {{偶像大师/MILLION LIVE!/角色头像|46|50}}
47 {{偶像大师/MILLION LIVE!/角色头像|47|50}}
48 {{偶像大师/MILLION LIVE!/角色头像|48|50}}
49 {{偶像大师/MILLION LIVE!/角色头像|49|50}}
50 {{偶像大师/MILLION LIVE!/角色头像|50|50}}
51 {{偶像大师/MILLION LIVE!/角色头像|51|50}}
52 {{偶像大师/MILLION LIVE!/角色头像|52|50}}
53 {{偶像大师/MILLION LIVE!/角色头像|53|50}}
54 {{偶像大师/MILLION LIVE!/角色头像|54|50}}
55 {{偶像大师/MILLION LIVE!/角色头像|55|50}}
56 {{偶像大师/MILLION LIVE!/角色头像|56|50}}
57 {{偶像大师/MILLION LIVE!/角色头像|57|50}}
58 {{偶像大师/MILLION LIVE!/角色头像|58|50}}
59 (暂空)
60 {{偶像大师/MILLION LIVE!/角色头像|60|50}}
61 {{偶像大师/MILLION LIVE!/角色头像|61|50}}
62 {{偶像大师/MILLION LIVE!/角色头像|62|50}}