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

模板:偶像大師/學園偶像大師/角色頭像

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

此模板是用於顯示學園偶像大師中角色頭像的模板。
由於使用了雪碧圖/精靈圖(Sprite)技術,即使在頁面內大量使用該模板,也只會產生一個圖片請求。

Sprite圖

File:IM@S Gakuen Icon Sprite V2.png

本模板修改自{{偶像大師/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