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

模板:Akcharpop

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

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

此模板需要這個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

注釋

  1. 雖然中英文萌百的版權協議不同,但ILP和本模板最早都由User:公的驅逐艦製作。