Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:CollapsibleUsage: Difference between revisions

Template page
No edit summary
No edit summary
Line 26: Line 26:
<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid blue" data-expandtext="展开" data-collapsetext="折叠">
<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid blue" data-expandtext="展开" data-collapsetext="折叠">
<div style="font-weight:bold;line-height:1.6;color:blue">这里是标题</div>
<div style="font-weight:bold;line-height:1.6;color:blue">这里是标题</div>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content" style="border-bottom:1px solid blue">
你可以在此处放置任何内容
你可以在此处放置任何内容
<strong>比如放置一个html标签</strong>
<strong>比如放置一个html标签</strong>
Line 39: Line 39:
</div></div>
</div></div>


<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid blue" data-expandtext="展开" data-collapsetext="折叠">
<div class="mw-collapsible mw-collapsed" data-expandtext="展开" data-collapsetext="折叠">
{{StyledHeader
{{StyledHeader
| text = 比如放置一个带样式的标题
| text = 使用样式标题
| header = h3
| header = h3
| bgcolor = #f0f0f0
| bgcolor = #f0f0f0
Line 47: Line 47:
| border-left = 10px
| border-left = 10px
}}
}}
<div class="mw-collapsible-content">
<div class="mw-collapsible-content" style="border-bottom:1px solid blue">
你可以在此处放置任何内容
你可以在此处放置任何内容
<strong>比如放置一个html标签</strong>
<strong>比如放置一个html标签</strong>
{{StyledHeader
| text = 比如放置一个模板
| header = h3
| bgcolor = #f0f0f0
| color = #333
| border-left = 10px
}}
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改
</div></div>
</div></div>
</noinclude>
</noinclude>

Revision as of 23:22, 20 July 2024

这只是一个折叠内容使用教程, 并不含任何实际的模板功能

  • 因为折叠内容是mediawiki项目本身自带的功能, 不需要自定义模板, 通过官方教程学习使用即可
  • 核心类名(class):
    • mw-collapsible 创建折叠对象
    • mw-collapsed 默认折叠
    • mw-collapsible-content 被折叠的内容区域

用法

<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid blue" data-expandtext="展开" data-collapsetext="折叠">
<div style="font-weight:bold;line-height:1.6;color:blue">这里是标题</div>
<div class="mw-collapsible-content">
你可以在此处放置任何内容
<strong>比如放置一个html标签</strong>
{{StyledHeader
| text = 比如放置一个模板
| header = h3
| bgcolor = #f0f0f0
| color = #333
| border-left = 10px
}}
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改
</div></div>

效果展示

这里是标题

你可以在此处放置任何内容 比如放置一个html标签

比如放置一个模板

折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改

使用样式标题

你可以在此处放置任何内容 比如放置一个html标签 折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改