User:Passthem/沙盒

欢迎来到 Passthem 的沙盒页面！

本页面是 Passthem 的测试页面，里面的内容可能存在以下问题，欢迎随意修改指正：

• 可能不符合 OtomadWiki 的设计理念或规范。Passthem 并没有对 UI 设计有很深的造诣，这个页面中不符合设计理念的各种元素可能会让你感到不适
• 内容没有意义。为了测试某一些样式，Passthem 可能会在元素中填写没有意义的内容

Mediawiki 学习笔记

不要使用一级标题

一级标题和二级标题都有下方的下划线，使用一级标题会使得下划线看起来累赘。

TemplateStyles 学习

TemplateStyles 所链接的 CSS 文件需要是“已过滤的 CSS”类型，不然会像下面这样报错：

当不报错的时候，下面的框会显示为我在 test.css 中所想要的效果。这里我把上面的页面类型改回去了，所以就看起来像正常页面一样了。

示例内容。

源代码：

<div class="passthem-test-element">示例内容。</div>

模板嵌套表格的注意事项

很多时候，为了防止页面累赘或者防止剧透，很多时候都会使用 Hide 模板 来隐藏一些内容。当隐藏的内容包含表格时，需要注意要转义相关的符号。在 Otomadwiki 中，提供了 {{!}} 和 {{=}} 来转义定义表格时的符号。

感谢 KUMAX 前辈提供解决方法！

这是一个隐藏内容的块
标题文本 标题文本 示例

源代码：

{{Hide|这是一个隐藏内容的块|
{{{!}} class{{=}}"wikitable"
{{!}}+ 标题文本
{{!}}-
! 标题文本
{{!}}-
{{!}} 示例
{{!}}}
}}

使用 Gallery 画廊

使用画廊可以更好展示一组图片，尤其可以使用在素材点展示中（为方便展示，这里复制多次重复内容）

• 

  高斯模糊的穿山甲

• 

  盒状模糊的穿山甲

• 

  摄像机镜头模糊的穿山甲

• 

  径向模糊的穿山甲

• 

  方向模糊的穿山甲

• 

  高斯模糊的穿山甲

• 

  盒状模糊的穿山甲

• 

  摄像机镜头模糊的穿山甲

• 

  径向模糊的穿山甲

样式练习

常用素材片段

注意：以下内容图文无关，仅作测试！

图像	简述	乐器类型	音频试听
图像缺失	使用警棍敲桌子的声音，比较清脆	军鼓、底鼓	音频缺失
	“吔”的一声铿锵有力，虽然短促但音很平，不需要修音即可使用	主声部、和弦	音频缺失

div 标签在设计中的正确使用

不必要的换行/空格有时会带来很多很多很多麻烦，所以在使用的时候一定要注意对源代码中的换行和空格的处理，在保证代码可观性的前提下避免不必要的元素引入。

例子	代码	效果
错误例	<div style="background-color: #e2e2e2; padding: 20px"> <div style="border: solid 2px #008bff; padding: 10px; display: inline-block;"> Hello </div> <div style="border: solid 2px #008bff; padding: 10px; display: inline-block;"> OtomadWiki </div> </div>	Hello OtomadWiki
正确例	<div style="background-color: #e2e2e2; padding: 20px"><!-- --><div style="border: solid 2px #008bff; padding: 10px; display: inline-block;"><!-- -->Hello<!-- --></div><!-- --><div style="border: solid 2px #008bff; padding: 10px; display: inline-block;"><!-- -->OtomadWiki<!-- --></div><!-- --></div>	Hello OtomadWiki
较正确例	<div style="background-color: #e2e2e2; padding: 20px"><div style="border: solid 2px #008bff; padding: 10px; display: inline-block;">Hello</div><div style="border: solid 2px #008bff; padding: 10px; display: inline-block;">OtomadWiki</div></div>	Hello OtomadWiki

我的 {{歌词}} 测试

注意：以下的翻译也许不正确，因为我不会日语，是瞎翻译的

見たいモノだけを見て
信じたいモノを信じ
目が覚めた時は既に遅し
死に至るでしょう
すべてあなたのせいです

仅仅去看自己欲看之物
仅仅相信自己想相信的事
而到如梦初醒时，一切已无能为力
直达黄泉对不对
全都是你的所作所为

aaaaabbbbb
cccccddddd
Paragraph22222222222222222222222222222222222222222222222222222222222222222222222222

为几百你你你你就就就
两个小时以后~柴又接力合作~
我爱 Bing Chiling