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

模板:Temple Song/list

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

簡介

本模板藉助HTML表格的jQueryclass="sortable"屬性,通過隱藏表格的數據列,用以實現各類直前列表(如VOCALOID傳說直前曲)的(瀏覽時)自動排序

同時,通過指定<tr>標籤的顯示模式為display:inline-block,以實現與普通列表一致的顯示效果。

由於無法繞過JavaScript來更改排序行為(無法使頁面剛加載時為排序狀態/無法改變第一次按下按鈕時的排序方式),本模板暫不能完全代替手動排序。

用法

{{Temple Song/list|type=可填写niconico/youtube/bilibili或缩写为n/y/b,不填则默认为niconico|
{{Temple Song
(第一首歌曲信息)
}}
|
{{Temple Song
(第二首歌曲信息)
}}
|
......
}}
具體實例1(niconico)
{{Temple Song/list|
{{Temple Song
|color= #39c5bb
|nnd_id= sm22307037
|再生数量 = {{NiconicoCount|id=sm22307037|format=separate}}
|P主=すこっぷ
|投稿时间 = 13/11/22 20:01
|条目 = [[Crier]]
|image link =https://tn.smilevideo.jp/smile?i=22307037}}
|
{{Temple Song
|color= #39C5BB
|nnd_id= sm1952223
|再生数量 = {{NiconicoCount|id=sm1952223|format=separate}}
|P主=[[kz]](livetune)
|投稿时间 = 08/01/05 04:54
|条目 = [[Finder]]
|image link =https://tn.smilevideo.jp/smile?i=1952223}}
|
{{Temple Song
|First color= #39c5bb
|Second color= #ccff00
|nnd_id= sm22542108
|再生数量 = {{NiconicoCount|id=sm22542108|format=separate}}
|P主=[[MARETU]]
|投稿时间 = 13/12/27 20:20
|条目 = [[少女橡皮擦]]
|image link =https://tn.smilevideo.jp/smile?i=22542108}}
|
{{Temple Song
|color= #f5eded
|nnd_id= sm17804161
|再生数量 = {{NiconicoCount|id=sm17804161|format=separate}}
|P主=[[150P]]
|投稿时间 = 12/05/12 20:13
|条目 = [[孤独的捉迷藏]]
|image link =https://tn.smilevideo.jp/smile?i=17804161}}
|
{{Temple Song
|color= #39C5BB
|nnd_id= sm20504537
|再生数量 = {{NiconicoCount|id=sm20504537|format=separate}}
|P主=[[keeno]]
|投稿时间 = 13/04/02 20:55
|条目 = [[drop]]
|image link =https://tn.smilevideo.jp/smile?i=20504537}}
|
{{Temple Song
|First color= #0000ff
|Second color= #D80000
|nnd_id= sm9707593
|再生数量 = {{NiconicoCount|id=sm9707593|format=separate}}
|P主={{lj|根気P}}
|投稿时间 = 10/02/14 09:12
|条目 = [[A Whole New World(根气P)|A Whole New World]]
|image link =https://tn.smilevideo.jp/smile?i=9707593}}
}}
實現效果1:
按再生數排序
--
曲目Crier
P主:すこっぷ
投稿時間:13/11/22 20:01
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
--
曲目Finder
P主kz(livetune)
投稿時間:08/01/05 04:54
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
--
P主MARETU
投稿時間:13/12/27 20:20
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
--
P主150P
投稿時間:12/05/12 20:13
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
--
曲目drop
P主keeno
投稿時間:13/04/02 20:55
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
--
P主根気P
投稿時間:10/02/14 09:12
播放數量:已擁有 -- 次播放
鏈接: Niconico Television.svgniconico
具體實例2(bilibili)
{{Temple Song/list|type=b|
{{Temple Song
|First color = #f5eded
|Second color = #777777
|bb_id= av918391
|曲目 = [[ViR to ReaL]]
|UP主 = [[VelecTi]]
|投稿时间 = 2014-01-19 14:48
|再生数量 ={{bilibiliCount|id=918391}}
|image link = http://i2.hdslb.com/bfs/archive/ae12a60be7c3dfd84aae3ce35d2635e5810404d5.png}}
|
{{Temple Song
|传说 = 1
|color = #39C5BB
|bb_id= av1479250
|曲目 = [[坚定的Eye]]
|UP主 = [[Mitchie M]]
|投稿时间 = 2014-08-29 15:33
|再生数量 ={{bilibiliCount|id=1479250}}
|image link = http://i2.hdslb.com/bfs/archive/f4cf1132890e6313f4bb5329a806f049cefa32bd.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1506064
|曲目 = [[小苹果]](翻)
|UP主 = 板烧鹅尼子
|投稿时间 = 2014-09-07 00:15
|再生数量 ={{bilibiliCount|id=1506064}}
|image link = http://i0.hdslb.com/bfs/archive/968963c49551a315a74611ffe96de74c830b647f.jpg}}
|
{{Temple Song
|color = #66CCFF
|bb_id= av1749514
|曲目 = [[千本樱]](翻)
|UP主 = 赤夜千樱
|投稿时间 = 2014-11-26 21:35
|再生数量 ={{bilibiliCount|id=1749514}}
|image link = http://i0.hdslb.com/bfs/archive/6e0210c3e2bf345a4a5eff1b77266c7e66baff83.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1776919
|曲目 = [[朱红]]
|UP主 = Gunx
|投稿时间 = 2014-12-06 13:18
|再生数量 ={{bilibiliCount|id=1776919}}
|image link = http://i0.hdslb.com/bfs/archive/e07eea616998cd247b516202dd549a199e5617e0.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1796256
|曲目 = [[喜欢!雪!真实的魔法]]
|UP主 = [[Mitchie M]]
|投稿时间 = 2014-12-13 13:59
|再生数量 ={{bilibiliCount|id=1796256}}
|image link = http://i2.hdslb.com/bfs/archive/bf713ae35205e669d4011e555be0ee5e7cd40916.jpg}}
}}
實現效果2:
按再生數排序
--
曲目ViR to ReaL
UP主VelecTi
投稿時間:2014-01-19 14:48
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili
--
曲目堅定的Eye
UP主Mitchie M
投稿時間:2014-08-29 15:33
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili
--
曲目小蘋果(翻)
UP主:板燒鵝尼子
投稿時間:2014-09-07 00:15
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili
--
曲目千本櫻(翻)
UP主:赤夜千櫻
投稿時間:2014-11-26 21:35
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili
--
曲目朱紅
UP主:Gunx
投稿時間:2014-12-06 13:18
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili
--
UP主Mitchie M
投稿時間:2014-12-13 13:59
播放數量:已擁有 -- 次播放
鏈接: Bilibilitv-logo.pngbilibili

使用實例