“模板:时间轴”的版本间的差异

来自海豚馆表演目录
跳转至： 导航、 搜索
Aha（讨论 | 贡献）
（→‎移植模板）
 
（未显示1个用户的6个中间版本）
第1行： 第1行：
−
<pre>
+
<includeonly>{{#switch:{{{1}}}
 +
|开始=<div class="tbui-timeline tbui-timeline-container" style="{{{样式|}}}">
 +
|节点=<div class="tbui-timeline-item"><div class="tbui-timeline-node">{{{图标|}}}</div>
 +
<div class="tbui-timeline-content">{{#if:{{{标题|}}}|<span class="tbui-timeline-title">{{{标题|}}}</span>|}}
 +
{{{内容|}}}
 +
{{clear}}
 +
{{#if:{{{时间|}}}|<div class="tbui-timeline-date">{{{时间|}}}</div>|}}
 +
</div></div>
 +
|结束=</div>
 +
}}</includeonly><noinclude>
 +
本模板可以用来创建一个垂直的响应式时间轴。
 +
 
 +
==使用指南==
 +
在时间线的开始和结束分别使用<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始<nowiki>}}</nowiki></span></b>和<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|结束<nowiki>}}</nowiki></span></b>。你可以将额外的样式写在<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始|样式=<nowiki>}}</nowiki></span></b>的“样式”属性中。
 +
 
 +
所有的时间节点应当用模板<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|节点<nowiki>}}</nowiki></span></b>插入在上述两个模板之间。以下是该模板的参数说明：
 +
*时间：该时间点对应的时间。在宽屏模式下时间会显示在节点的一侧。
 +
*标题：页面的标题。该标题不会被自动生成目录。
 +
*内容：显示该节点的正文内容。
 +
*图标：在节点圆圈中绘制一个图标。你可以用普通文本，也可以使用<nowiki>{{</nowiki>[[模板:Fa|Fa]]<nowiki>}}</nowiki>模板中的图标。
 +
*以上各参数均可为空。
 +
你可以复制下面的空节点模板：
 +
<pre>{{时间轴|节点|时间=|标题=|内容=|图标=}}</pre>
 +
正确的使用格式如下：
 +
<pre>{{时间轴|开始}}
 +
{{时间轴|节点|时间=|标题=|内容=|图标=}}
 +
{{时间轴|节点|时间=|标题=|内容=|图标=}}
 +
{{时间轴|节点|时间=|标题=|内容=|图标=}}
 +
{{时间轴|节点|时间=|标题=|内容=|图标=}}
 +
{{时间轴|节点|时间=|标题=|内容=|图标=}}
 +
{{时间轴|结束}}</pre>
 +
 
 +
===注意事项===
 +
*节点并不会按照填写的时间自动排列，而是根据<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|节点<nowiki>}}</nowiki></span></b>的先后顺序排列。
 +
*时间线会在屏幕宽度小于768像素时压缩成单侧时间线，请注意排版。
 +
 
 +
===已知bug===
 +
如果<b><span style="color:purple;"><nowiki>{{</nowiki>时间轴|开始<nowiki>}}</nowiki></span></b>前有其他wikitext标签（如列表），该模板很容易被错误地包含在标签内，从而导致与剩余时间轴组件脱离。
 +
 
 +
==样式==
 +
*你可以访问[[MediaWiki:Gadget-Timeline.css]]修改时间线样式。
 +
 
 +
==示范==
 
{{时间轴|开始}}
 
{{时间轴|开始}}
−
{{时间轴|节点|时间=|标题=|内容=|图标=}}
+
{{时间轴|节点
 +
|时间=黑暗之门6年
 +
|标题=第一个标题
 +
|内容=黑暗之门6年，[[第二次战争]]爆发。}}
 +
{{时间轴|节点
 +
|时间=黑暗之门8年
 +
|标题=
 +
|内容=即使没有标题我一样可以显示内容。<br />黑暗之门8年战争结束。}}
 +
{{时间轴|节点
 +
|时间=
 +
|标题=
 +
|内容=即使不知道时间，这个节点依然会被插入。
 +
|图标={{fa|fort-awesome}}}}
 +
{{时间轴|节点
 +
|时间=黑暗之门12年
 +
|标题=相安无事
 +
|内容=洛丹伦度过了至少六年平静的日子。
 +
|图标=B}}
 +
{{时间轴|节点
 +
|时间=黑暗之门14年
 +
|标题=次年
 +
|内容=火刃剑圣柯迦玛·剑喉在湿地集结了一组兽人游击队，开始袭击往来的行人。
 +
|图标=B}}
 
{{时间轴|结束}}
 
{{时间轴|结束}}
−
</pre>
+
 
 +
<pre>{{时间轴|开始}}
 +
{{时间轴|节点
 +
|时间=黑暗之门6年
 +
|标题=第一个标题
 +
|内容=黑暗之门6年，[[第二次战争]]爆发。}}
 +
{{时间轴|节点
 +
|时间=黑暗之门8年
 +
|标题=
 +
|内容=即使没有标题我一样可以显示内容。<br />黑暗之门8年战争结束。}}
 +
{{时间轴|节点
 +
|时间=
 +
|标题=
 +
|内容=即使不知道时间，这个节点依然会被插入。
 +
|图标={{fa|fort-awesome}}}}
 +
{{时间轴|节点
 +
|时间=黑暗之门12年
 +
|标题=相安无事
 +
|内容=洛丹伦度过了至少六年平静的日子。
 +
|图标=B}}
 +
{{时间轴|节点
 +
|时间=黑暗之门14年
 +
|标题=次年
 +
|内容=火刃剑圣柯迦玛·剑喉在湿地集结了一组兽人游击队，开始袭击往来的行人。
 +
|图标=B}}
 +
{{时间轴|结束}}</pre>

2022年1月1日 (六) 19:31的最新版本

本模板可以用来创建一个垂直的响应式时间轴。

使用指南

在时间线的开始和结束分别使用{{时间轴|开始}}和{{时间轴|结束}}。你可以将额外的样式写在{{时间轴|开始|样式=}}的“样式”属性中。

所有的时间节点应当用模板{{时间轴|节点}}插入在上述两个模板之间。以下是该模板的参数说明：

  • 时间：该时间点对应的时间。在宽屏模式下时间会显示在节点的一侧。
  • 标题：页面的标题。该标题不会被自动生成目录。
  • 内容：显示该节点的正文内容。
  • 图标：在节点圆圈中绘制一个图标。你可以用普通文本，也可以使用{{Fa}}模板中的图标。
  • 以上各参数均可为空。

你可以复制下面的空节点模板： 

{{时间轴|节点|时间=|标题=|内容=|图标=}}

正确的使用格式如下： 

{{时间轴|开始}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|节点|时间=|标题=|内容=|图标=}}
{{时间轴|结束}}

注意事项

  • 节点并不会按照填写的时间自动排列，而是根据{{时间轴|节点}}的先后顺序排列。
  • 时间线会在屏幕宽度小于768像素时压缩成单侧时间线，请注意排版。

已知bug

如果{{时间轴|开始}}前有其他wikitext标签（如列表），该模板很容易被错误地包含在标签内，从而导致与剩余时间轴组件脱离。

样式

示范

第一个标题

黑暗之门6年，第二次战争爆发。

黑暗之门6年

即使没有标题我一样可以显示内容。
黑暗之门8年战争结束。

黑暗之门8年

即使不知道时间，这个节点依然会被插入。


B
相安无事

洛丹伦度过了至少六年平静的日子。

黑暗之门12年
B
次年

火刃剑圣柯迦玛·剑喉在湿地集结了一组兽人游击队，开始袭击往来的行人。

黑暗之门14年
{{时间轴|开始}}
{{时间轴|节点
|时间=黑暗之门6年
|标题=第一个标题
|内容=黑暗之门6年，[[第二次战争]]爆发。}}
{{时间轴|节点
|时间=黑暗之门8年
|标题=
|内容=即使没有标题我一样可以显示内容。<br />黑暗之门8年战争结束。}}
{{时间轴|节点
|时间=
|标题=
|内容=即使不知道时间，这个节点依然会被插入。
|图标={{fa|fort-awesome}}}}
{{时间轴|节点
|时间=黑暗之门12年
|标题=相安无事
|内容=洛丹伦度过了至少六年平静的日子。
|图标=B}}
{{时间轴|节点
|时间=黑暗之门14年
|标题=次年
|内容=火刃剑圣柯迦玛·剑喉在湿地集结了一组兽人游击队，开始袭击往来的行人。
|图标=B}}
{{时间轴|结束}}
取自“http://yuiri.com.cn:615/index.php?title=模板:时间轴&oldid=2272”