打开/关闭搜索
打开/关闭菜单
139
836
236
7080
Rizline中文维基
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

用户:RedDragon/Test1：修订间差异

来自Rizline中文维基
更多操作
以互动方式浏览历史
←上一编辑
可视化wikitext
小
小
 
（未显示同一用户的23个中间版本）
第1行： 第1行：
此页面用于说明您在创建曲目页面时应遵循的通用格式。
<randomuserswithavatars/>


== 创建页面规范 ==
<html>
您在创建页面时需要遵守以下格式规则:
<style>
* 仅使用曲目原名作为页面名称
    .glowing-card {
* 严格使用半角符号。
        width: 120px;
创建页面详见[[帮助:编辑页面#创建页面|帮助:编辑页面]]。
        padding: 10px;
        border-radius: 10px;
        color: #976dff;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        text-shadow: 0 0 10px #976dff;
        text-shadow: 0 0 5px #976dff;
        transition: all 0.2s ease;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        z-index: 1;
        user-select: none;
    }


== 页面结构要求 ==
    .glowing-card::before {
曲目页面必须包含以下三个核心模块：
        content: '';
* 曲目信息（使用[[模板:SongInfo]]）
        position: absolute;
* 曲目介绍
        top: 0;
* 历史记录
        left: -100%;
可选模块（视情况添加）：
        width: 100%;
* 成就
        height: 100%;
* 相关趣事
        background: #5d27e64d;
* 画廊
        border-radius: 10px;
* 其他特殊内容
        transition: left 0.1s ease;
标准页面布局：
        z-index: -1;
{| class="wikitable" width="250%"
    }
| 曲目信息 || 曲目介绍 || 其它内容 || 成就 || 历史 || 相关趣事 || 画廊 || 注释、来源和外部链接 || [[模板:SongNav]]
|}


== 模块编辑细则 ==
    .glowing-card:hover {
        background: rgba(255, 255, 255, 0.05);
        color: #3492ff;
        transform: translate(-1px, -1px);
        text-shadow: 0 0 10px #3492ff;
        text-shadow: 0 0 5px #3492ff;
    }


=== 曲目信息 ===
    .glowing-card:active::before {
{{Infobox
        left: 0;
|titlestyle  = background:#F86D84;
     }
|belowstyle  = background:#F98296; text-align:center;
|headerstyle = background:#FA97A9;
|labelstyle  = background:#FCC4CF;
|title      = Gleam feat. ふわまろ
|image      = [[File:illustration.Gleam.Uske.0.png|300px]]
|caption     = 插画设计：きゃらあい
|label1  = 音乐作者
|data1  = U-ske
|label2  = 音乐时长
|data2  = 02:01
|label3  = BPM
|data3  = 195
|label4  = 更新时间
|data4  = 2022/12/15
|label5  = 更新版本
|data5  = [[版本:1.0.1|1.0.1]]
|label6  = 收录曲包
|data6  = Disc 1
|header7 = 关卡设计
|label8  = {{Diff|EZ|1}}
|data8  = Pro Barbarianerman
|label9  = {{Diff|HD|6}}
|data9  = Pcat
|label10 = {{Diff|IN|12}}
|data10  = Proxima
|header11 = Hit / Combo
|label12 = {{Diff|EZ|1}}
|data12  = 178 / 688
|label13 = {{Diff|HD|6}}
|data13  = 442 / 1744
|label14 = {{Diff|IN|12}}
|data14  = 810 / 3216
|header15 = Max Score
|label16 = {{Diff|EZ|1}}
|data16  = 1003500
|label17 = {{Diff|HD|6}}
|data17  = 1009100
|label18 = {{Diff|IN|12}}
|data18  = 1012600
}}
这是曲目信息的一个例子。使用[[模板:SongInfo]]创建曲目信息栏，请仔细阅读模板文档了解参数使用方法。


编辑要求:
    .glowing-card:active {
* 必须完全理解模板参数用法
        color: white;
* 确保所有数据准确无误
        text-shadow: 0 0 10px #fff;
* 当曲目实际名称首字母为小写但页面标题被强制大写时，需添加注释：<code><nowiki><ref>由于MediaWiki会将页面标题的首字母强制大写，故页面标题显示为"页面标题"。曲目实际名称为"曲目名称"。</ref></nowiki></code>。
    }
* 仅限曲目页面使用[[模板:SongInfo]]模板
</style>
* 插图规范：
** 优先2048×2048 PNG格式
** 可暂用512×512 PNG，但需尽快替换


=== 曲目介绍 ===
<body>
简要介绍曲目背景。必须包含其在Rizline中所属的分区(Disc)。若某个曲目有特殊性(如在音乐赛事中获奖等)，您也可以将相关内容添加至曲目介绍中。
    <div class="glowing-card">
        click this
    </div>
</body>
</html>


=== 成就 ===
<html>
成就部分介绍了与此曲目相关的成就。在编写成就模块时，您应使用表格并遵循如下示例中的格式:
<table class="infobox" cellspacing="3" style="border-collapse:separate;border-spacing:2px;float:right;">
<pre>
  <tbody>
{| class="wikitable"
    <tr class="infobox-below">
|-
      <td colspan="2" style="padding:0;background:#6255BA; text-align:center; color:#FFFFFF; border:4px solid #6255BA;">
! 成就 !! 称号 !! 达成条件
        <div class="mw-collapsible mw-made-collapsible" style="width: 100%;">
|-
          <button type="button" class="mw-collapsible-toggle mw-collapsible-toggle-default webfonts-changed mw-collapsible-toggle-expanded" aria-expanded="true" tabindex="0">
| 滴滴滴滴 || {{Badge|嗡嗡作响的|脑瓜子}} || 在“macro.wav”中获得“PERFECT”评价
            <span class="mw-collapsible-text">折叠</span>
|}
          </button>
</pre>
          <div style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; font-weight: bold; text-align: center; border:4px solid #7D73C6;">详细信息</div>
{| class="wikitable"
          <table class="infobox mw-collapsible-content" style="width: 100%; border: none; margin: 0px;">
|-
            <tbody>
! 成就 !! 称号 !! 达成条件
              <tr>
|-
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">预览时间</th>
| 滴滴滴滴 || {{Badge|嗡嗡作响的|脑瓜子}} || 在“macro.wav”中获得“PERFECT”评价
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">49.704s-69.704s</td>
|}
              </tr>
有关称号模板的使用方法请参见[[模板:Badge]]。
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime时间</th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">50.282s-77.746s</td>
              </tr>
              <tr>
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">主题颜色</th>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">常规主题</th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                  <span style="display:block; padding:2px 4px; border:4px solid #B3A3EDFF; margin:0 -4px;">#B3A3EDFF</span>
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                  <span style="display:block; padding:2px 4px; border:4px solid #4637AEFF; margin:0 -4px;">#4637AEFF</span>
                </td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">Riztime主题1</th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:0px 4px; border:4px solid var(--color-surface-1);">
                  <span style="display:block; padding:2px 4px; border:4px solid #594095FF; margin:0 -4px;">#594095FF</span>
                  <span style="display:block; padding:2px 4px; border:4px solid #FF147DFF; margin:0 -4px;">#FF147DFF</span>
                  <span style="display:block; padding:2px 4px; border:4px solid #5BCFEEFF; margin:0 -4px;">#5BCFEEFF</span>
                </td>
              </tr>
              <tr>
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">谱面信息</th>
              </tr>
              <tr>
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">Tap/Drag/Hold</th>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ 3</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">134/54/68</td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD 8</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">169/222/134</td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN 13+</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">435/129/98</td>
              </tr>
              <tr>
                <th colspan="2" style="background:#7D73C6; color:var(--color-emphasized); padding: 8px; text-align: center; border:4px solid #7D73C6;">线条数</th>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#57E4C4;padding:0 0.80em;margin:0.1em 0.50em;">EZ 3</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">291</td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FDBA61;padding:0 0.80em;margin:0.1em 0.50em;">HD 8</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">358</td>
              </tr>
              <tr>
                <th scope="row" style="width:90px; background:#B5AFDF; color:#000000; padding:4px 8px; border:4px solid #B5AFDF;">
                  <span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#FE8661;padding:0 0.80em;margin:0.1em 0.50em;">IN 13+</span>
                </th>
                <td style="background:var(--color-surface-1); color:var(--color-base); padding:4px 8px; border:4px solid var(--color-surface-1);">678</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
</table>
</html>


您在编写成就模块时需要注意:
<html>
*您仅需填写与本曲目直接有关的成就。部分范围过广的成就(如"太可惜了")无需填写。
<div id="user-page">
    <p></p>
</div>


=== 历史 ===
<script>
历史部分介绍了与此曲目有关的历史事件。历史部分应至少包含此曲目在Rizline中有关的所有历史事件，您也可以填写此曲目在Rizline之外(如作者创作曲目的时间等)的历史事件。
    document.addEventListener('DOMContentLoaded', function () {
        var profilePageUrl = '/wiki/User_profile:RedDragon'
        var container = document.getElementById('user-page')


在编写历史模块时，您应使用表格并遵循如下示例中的格式:
        fetch(profilePageUrl)
<pre>
            .then(function (response) {
{| class="wikitable"
                if (!response.ok) {
|-
                    throw new Error('网络响应异常 状态码：' + response.status)
! 时间 !! 事件
                }
|-
                return response.text()
| 2025/02/14 || “律动轨迹_Rizline”公布Disc EX将于2025/02/28更新驟雨の狭間。
            })
|-
            .then(function (htmlString) {
|[[版本:2.0.0|2.0.0]]
                var parser = new DOMParser()
|加入了驟雨の狭間，价值1{{Coin}},难度为{{Diff|EZ|5}}、{{Diff|HD|10}}、{{Diff|IN|14}}；<br>驟雨の狭間的插画以500{{Dot}}的价格出售。
                var doc = parser.parseFromString(htmlString, 'text/html')
|}
</pre>
{| class="wikitable"
|-
! 时间 !! 事件
|-
| 2025/02/14 || “律动轨迹_Rizline”公布Disc EX将于2025/02/28更新驟雨の狭間。
|-
|[[版本:2.0.0|2.0.0]]
|加入了驟雨の狭間，价值1{{Coin}},难度为{{Diff|EZ|5}}、{{Diff|HD|10}}、{{Diff|IN|14}}；<br>驟雨の狭間的插画以500{{Dot}}的价格出售。
|}


=== 相关趣事 ===
                var leftContent = doc.getElementById('user-page-left')
相关趣事介绍了与此曲目有关的、但不在正文范围内的趣事。相关趣事可以包含此曲目或此曲目的谱面在Rizline中创下的纪录，也可以是此曲目的联动情况等。编写相关趣事时应采用无序列表编写。
                var rightContent = doc.getElementById('user-page-right')


需要注意的是，相关趣事在编写时无特殊要求，但您编写的内容应保持客观。
                if (!leftContent || !rightContent) {
                    container.style.display = 'none'
                    return
                }


=== 画廊 ===
                container.innerHTML = ''
画廊展示了与此曲目有关的图像。画廊中绝大多数为曲目谱面中较为新奇或独特的元素，但您也可以在合适的情况下添加其它相关的图片(如[[Relieve]]中"画廊"部分展示的图像)。编写画廊时应采用以下示例中的格式:
<pre>
<gallery>
图片1.png
图片2.jpg|介绍
图片3.webp
</gallery>
</pre>
需要注意的是，您在编写画廊页面时应确保您插入的图片确实是值得展示的内容。


=== 注释、来源和外部链接 ===
                var wrapper = document.createElement('div')
此部分用于容纳页面中的注释、来源和外部链接。您只需在此部分下方插入"<nowiki><reference /></nowiki>"即可。
                wrapper.className = 'clearfix'
                wrapper.style.cssText = 'display: inline-block; width: 100%;'


=== [[模板:SongNav]] ===
                var leftClone = leftContent.cloneNode(true)
此部分用于插入曲目导航页。您需要在曲目页面的最下方插入"<nowiki>{{SongNav|collapsed}}</nowiki>"，并进入[[模板:SongNav]]中将新曲目添加到相应位置。
                leftClone.style.cssText = 'width: 35%; float: left;'
                wrapper.appendChild(leftClone)


=== 其它内容 ===
                var rightClone = rightContent.cloneNode(true)
曲目页面其它内容视曲目本身而定，编写时无特殊要求。目前下列曲目页面中编写了其它内容，您可以以它们为参考。
                rightClone.style.cssText = 'float: right; width: 60%;'
*[[ILLEGAL LEGACY]]
                wrapper.appendChild(rightClone)
*[[Vicious Mockery]]
*[[BRAVE: ROAD]]


{{RizwikiNav|collapsed}}
                container.appendChild(wrapper)
 
                var baseUrl = window.location.protocol + '//' + window.location.host
 
                var links = container.querySelectorAll('a[href^="/"]')
                links.forEach(function (link) {
                    if (link.getAttribute('href').startsWith('/')) {
                        link.href = baseUrl + link.getAttribute('href')
                    }
                })
 
                var images = container.querySelectorAll('img[src^="/"]')
                images.forEach(function (img) {
                    if (img.getAttribute('src').startsWith('/')) {
                        img.src = baseUrl + img.getAttribute('src')
                    }
                })
            })
            .catch(function (error) {
                console.error('获取时出错：', error)
                container.style.display = 'none'
            })
    })
</script>
</html>
 
----
[[User:RedDragon/Test]]
[[User:RedDragon/Test1]]
[[User:RedDragon/Test2]]

2025年11月29日 (六) 20:35的最新版本

加入社区

avataravataravataravatar
avataravataravataravatar
avatar

click this

详细信息
预览时间 49.704s-69.704s
Riztime时间 50.282s-77.746s
主题颜色
常规主题 #B3A3EDFF #5BCFEEFF #4637AEFF
Riztime主题1 #594095FF #FF147DFF #5BCFEEFF
谱面信息
Tap/Drag/Hold
EZ 3 134/54/68
HD 8 169/222/134
IN 13+ 435/129/98
线条数
EZ 3 291
HD 8 358
IN 13+ 678

User:RedDragon/Test User:RedDragon/Test1 User:RedDragon/Test2

检索自“https://rizwiki.cn/index.php?title=用户:RedDragon/Test1&oldid=6887”