模板:偶像大師/MILLION LIVE!/角色頭像/doc
< Template:偶像大师 | MILLION LIVE! | 角色头像
跳至導覽
跳至搜尋
此模板是用於顯示偶像大師 百萬現場中角色頭像的模板。
由於使用了雪碧圖/精靈圖(Sprite)技術,即使在頁面內大量使用該模板,也只會產生一個圖片請求。
Sprite圖 |
---|
本模板的靈感來自{{偶像大師/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}} |