模板:Akcharpop/doc

此模板最早基於英文萌娘百科的Template:ILP的懸浮窗原理，為明日方舟的各劇情頁面設計。將鼠標懸浮在文字（角色名）上，就會有該角色立繪的懸浮窗跳出；模板同時允許在立繪後方放置背景。

此模板需要這個CSS樣式表才能正常工作；由於只有鼠標懸浮才會工作，目前理論上僅在電腦端有效。

由於模板設計原因（彈窗向上），請儘量保證此模板距離頁面頂部超過300px（中間可以是任何東西：彈窗顯示在頁面之上）。一般的萌百頁面都不會遇到這個問題。

一般語法

• {{Akcharpop|角色名字|角色立绘|背景图片}}

• {{Akcharpop|1=角色名字|2=角色立绘|3=背景图片}}

參數

參數名	同義名	簡介	參數類型	默認值
name	1	總是會顯示的文字。通常是角色名。	字符串	???
charpic	2	角色立繪文件；不需要File:開頭。 為明日方舟的遊戲數據做了特別優化，可以直接接受諸如char_002_amiya_1#1這樣的原始值而尋找到正確的文件名。 受優化邏輯限制，文件名不能只包含1次「1#」（半角；多次沒有關係）。	字符串	（空）
bgpic	3	背景圖片文件；不需要File:開頭。 沒有上述優化。	文件名	（空）；這是可選參數
v-offset	無	指定給角色立繪的（相對）垂直位移。原始位置是上邊對齊。 只接受數字，不要附單位；單位是px。正值會將圖片向下移動，負值相反。	數字	（空）；這是可選參數
h-offset	無	指定給角色立繪的（相對）水平位移。原始位置是左右居中。 只接受數字，不要附單位；單位是px。正值會將圖片向右移動，負值相反。	數字	（空）；這是可選參數
style	無	指定給顯示文字的CSS樣式；若有衝突，這裡的樣式會覆蓋上述樣式表。 供需要時作人工調整。	CSS樣式，必須以;結尾而不得省略	（空）；這是可選參數
charcss	無	指定給角色立繪的CSS樣式；若有衝突，這裡的樣式會覆蓋上述樣式表。 供需要時作人工調整。	CSS樣式，必須以;結尾而不得省略	（空）；這是可選參數
bgcss	無	指定給背景圖片的CSS樣式；若有衝突，這裡的樣式會覆蓋上述樣式表。 供需要時作人工調整。	CSS樣式，必須以;結尾而不得省略	（空）；這是可選參數

示例

註：請懸浮鼠標於角色名字之上。

1. 代碼：{{Akcharpop|阿米娅|ak_char_002_amiya_1.png}}

   效果：阿米婭

   

   • 最簡單的寫法。
2. 代碼：{{Akcharpop|阿米娅|ak_char_002_amiya_1.png|v-offset=-30}}

   效果：阿米婭

   

   • 負垂直位移將圖片上移。
3. 代碼：{{Akcharpop|阿米娅|ak_char_002_amiya_1#2.png|Ak_bg_wild_a.png|v-offset=-30}}

   效果：阿米婭

   

   • 同時展示了為遊戲數據準備的簡寫和背景圖片的應用。
4. 代碼：{{Akcharpop|天火|Ak_char_166_skfire_3.png}}

   效果：天火

   

   • 天火的原始圖片居右，默認的居中布局不大合適。
5. 代碼：{{Akcharpop|天火|Ak_char_166_skfire_3.png|h-offset=-60}}

   效果：天火

   

   • 負水平位移將圖片左移。

參見

各角色的立繪命名可參見Template:Aksabun/data。