模板:偶像大師/MILLION LIVE!/角色頭像

模板文檔  

這個文檔嵌入自Template:偶像大師/MILLION LIVE!/角色頭像/doc。

此模板是用於顯示偶像大師 百萬現場中角色頭像的模板。
由於使用了雪碧圖/精靈圖（Sprite）技術，即使在頁面內大量使用該模板，也只會產生一個圖片請求。

Sprite圖

本模板的靈感來自{{偶像大師/SHINY COLORS}}，並參考了{{賽馬娘 Pretty Derby}}和{{賽馬娘頭像}}及各自的模板樣式表，在此表示衷心感謝。

用法

注意：本模板調用了模板樣式表。若需要在[[]]中使用本模板，且發現本模板在頁面中（尤其是在表格中）無法被正常調用，則請在對應頁面的開頭處加入代碼（詳情請參見萌娘百科 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}}