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

模板:Temple Song/list/doc

来自萌娘百科
跳到导航 跳到搜索

简介

本模板借助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

使用实例