More actions
No edit summary |
No edit summary |
||
Line 23: | Line 23: | ||
</div></div> | </div></div> | ||
</nowiki></pre> | </nowiki></pre> | ||
== 效果展示 == | == 效果展示 - == | ||
<div class="mw-collapsible mw-collapsed" style="width:800px; overflow:auto; border-bottom:1px solid blue" data-expandtext="展开" data-collapsetext="折叠"> | <div class="mw-collapsible mw-collapsed" style="width:800px; overflow:auto; 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> | ||
Line 38: | Line 38: | ||
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改 | 折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改 | ||
</div></div> | </div></div> | ||
<h1>Citizen皮肤默认折叠标题</h1> | |||
你可以在此处放置任何内容 | |||
<strong>比如放置一个html标签</strong> | |||
{{StyledHeader | |||
| text = 比如放置一个模板 | |||
| header = h3 | |||
| bgcolor = #f0f0f0 | |||
| color = #333 | |||
| border-left = 10px | |||
}} | |||
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改 | |||
</noinclude> | </noinclude> |
Revision as of 23:03, 20 July 2024
这只是一个折叠内容使用教程, 并不含任何实际的模板功能
- 因为折叠内容是mediawiki项目本身自带的功能, 不需要自定义模板, 通过官方教程学习使用即可
- 核心类名(class):
- mw-collapsible 创建折叠对象
- mw-collapsed 默认折叠
- mw-collapsible-content 被折叠的内容区域
用法
<div class="mw-collapsible mw-collapsed" style="width:800px; overflow:auto;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样式修改
Citizen皮肤默认折叠标题
你可以在此处放置任何内容 比如放置一个html标签
比如放置一个模板
折叠块标题部分的样式都可以通过上面的div标签的行内CSS样式修改