67
个编辑
今天是2025年1月9日 第2周 星期四
代人，时大变了。
我们生活在大地上，但我们的梦想超越天空。
更改
跳到导航
跳到搜索
建立内容为“{{subst:标题替换|Komari酱的储藏室}} {{subst:用戶 允許他人編輯}} {{subst:隐藏目录}} ==跳转至页面底端== ===来自 折纸本命=== ====…”的新页面
{{subst:标题替换|Komari酱的储藏室}}
{{subst:用戶 允許他人編輯}}
{{subst:隐藏目录}}
==跳转至页面底端==
===来自 折纸本命===
====解释====
一个可以用于跳转至页面底端的按钮，多用于讨论页。
====效果====
<center><div class="nomobile" style="display:inline-block">{{按钮|#footer|底端}}</div><div class="mobileonly" style="display:inline-block">{{按钮|#mw-mf-display-toggle|底端}}</div></center>
----
<pre><center><div class="nomobile" style="display:inline-block">{{按钮|#footer|底端}}</div><div class="mobileonly" style="display:inline-block">{{按钮|#mw-mf-display-toggle|底端}}</div></center></pre>
----
==用户框相关==
===来自 MJH===
==== 解释 ====
一个可以让用户框变整齐的代码。
==== 效果 ====
----
{| class="floatleft vcard" style="margin-left: 1em; margin-bottom: 0.5em; max-width: 242px; border: navy solid 1px; background-color: #FFFFFF"
|-
|style = "text-align:center"|说明文字
<div style="text-align:left">
{{subst:用户 新手|请多多关照}}
{{subst:用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}
{{subst:用户 B站用户 |[https://space.bilibili.com/437962004 普普通通小小鞠]}}
{{subst:用户_碧蓝航线|锉刀~锉~锉~锉~}}
</div>
|}
{{clear}}
----
<pre>{| class="floatleft vcard" style="margin-left: 1em; margin-bottom: 0.5em; max-width: 242px; border: navy solid 1px; background-color: #FFFFFF"
|-
|style = "text-align:center"|说明文字
<div style="text-align:left">
（在这里放用户框
</div>
|}</pre>
{{clear}}
----
=== 来自 饭里扑 ===
==== 效果 ====
<templatestyles src="User:平平凡凡小小鞠/CSS/style.css" />
<span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户 新手|请多多关照}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户_碧蓝航线|锉刀~锉~锉~锉~}}</span></span><!---->
==== 解释 ====
一个让用户框变整齐的代码，且有动态效果。<br>
需要您创建一个内容模型为“纯CSS”的页面。<br>
复制下方标注为"CSS"的代码并点击这里创建页面→[[Special:Mypage/CSS/style.css]]<br>
创建页面后打开[[Special:ChangeContentModel]]，输入页面名，然后将【新的内容模型】设置为“{{int:content-model-sanitized-css}}”即可。<br>
----
创建"Special:Mypage/CSS/style.css"时所需要的代码:
{{pre|lang=css|code=<nowiki>
.hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transition-duration: 0.3s;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
</nowiki>}}
----
在用户页/其他页面使用时:
<pre>
<templatestyles src="<!- 此处填入CSS页面的标题 ->" />
<span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户 新手|请多多关照}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户_碧蓝航线|锉刀~锉~锉~锉~}}</span></span><!---->
</pre>
----
=== 来自 九江月 ===
==== 效果 ====
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">兴趣广泛</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不是只会卖萌。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">我要哭了</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户其实只会卖萌。</span></div>
}}
</div>
</div>
※：因页面排版原因仅展示了部分内容。{{subst:jk|其实就是技术力不足。}}
==== 解释 ====
鼠标移至上面改变样式。{{tl|hover}}
----
<pre><div style="width:60px;height:20px;padding-left:5px;background-color:#666666;border-right:5px solid #ccaa66;border-left:1px solid #fff;color:#eee">资料卡</div>
<div style="display:inline-block;width:calc(150% - 12px);height:100%;">
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">卖萌专业</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户致力于卖萌学。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">无尺之徒</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不使用量角器。</span></div>
}}
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">兴趣广泛</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不是只会卖萌。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">我要哭了</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户其实只会卖萌。</span></div>
}}
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;overflow:hidden;">
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">真萌组</p>
<div style="display:inline-block;width:calc(100% - 50px);color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户是 <b style="color:#e97b91;">真萌组</b> 成员。</span></div>
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;overflow:hidden;">
<p style="margin:0;padding:5px 0 5px 0px;line-height:100%;color:#ffbbcc;font-size:1.4em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">[[File:Gokou_Ruri_by_倉澤もこ.png|40px]]</p>
<div style="display:inline-block;width:calc(100% - 50px);color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;text-align:center;">这名用户是 <b style="color:#666666;">猫</b><b style="color:#ccaa66;">耳</b><b style="color:#eeeeee;">控</b>。</span></div>
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#000;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#000;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">拒绝交易</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><b style="margin:0;padding:0;color:#fff;">这名用户坚决不买萌。</b></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#000;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">标准傲娇</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><b style="margin:0;padding:0;color:#fff;">哼哒，才不买你们的萌呢！</b></div>
}}
</div></pre>
----
九江月前辈有关图形的子页面：[[User:九江月/图形]]<!--九江月前辈太强了，膜拜!-->
== 计算相关 ==
===来自 九江月===
==== 解析 ====
是一个计算器，异或计算的。
{{pre|lang=wiki|code=<nowiki>
{{#vardefine:answer|1100101000}}<!--将答案填写到左侧，并将本代码复制到编辑框内，显示预览即可获得群号。
-->{{#vardefine:ddd|0}}{{#vardefine:code|100010100010100100111010111010}}<!--
-->{{#loop:index|1|30|{{#vardefine:aaa|{{#invoke:string|sub|{{#var:code}}|{{#var:index}}|{{#var:index}}}}}}{{#vardefine:bbb|{{#invoke:string|sub|{{#var:answer}}{{#var:answer}}{{#var:answer}}|{{#var:index}}|{{#var:index}}}}}}{{#vardefine:ccc|{{#ifeq:{{#var:aaa}}|{{#var:bbb}}|0|1}}}}{{#vardefine:ddd|{{#expr:{{#var:ddd}}+{{#var:ccc}}*2^(30-{{#var:index}})}}}}
}}{{#var:ddd}}
</nowiki>}}
----
== 时钟效果 ==
=== 来自 九江月 ===
==== 效果 ====
<div>{{M-animation}}
{{#vardefine:clock-size|{{{size|100}}}}}<!--
-->{{ICounter|set|clock|ag|{{#expr:{{{ag|45}}}*pi /180}}}}<!--
-->{{ICounter|set|clock|x|{{{3dx|1}}}}}{{ICounter|set|clock|y|{{{3dy|0.6}}}}}{{ICounter|set|clock|z|{{{3dz|0}}}}}<!--
-->{{ICounter|set|clock|sc|{{#expr:sin({{ICounter|get|clock|ag}}/2) * cos({{ICounter|get|clock|ag}}/2)}}}}<!--
-->{{ICounter|set|clock|sq|{{#expr:sin({{ICounter|get|clock|ag}}/2) * sin({{ICounter|get|clock|ag}}/2)}}}}<!--
-->{{ICounter|set|clock|tsf|matrix3d({{#expr:1-2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|y}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|z}})*{{ICounter|get|clock|sq}}}},{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|y}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|z}}*{{ICounter|get|clock|sc}})}},{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|y}}*{{ICounter|get|clock|sc}})}},0,{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|y}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|sc}})}},{{#expr:1-2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|x}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|z}})*{{ICounter|get|clock|sq}}}},{{#expr:2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|x}}*{{ICounter|get|clock|sc}})}},0,{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|y}}*{{ICounter|get|clock|sc}})}},{{#expr:2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|x}}*{{ICounter|get|clock|sc}})}},{{#expr:1-2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|x}}+{{ICounter|get|clock|y}}*{{ICounter|get|clock|y}})*{{ICounter|get|clock|sq}}}},0,0,0,0,1);
}}<!--
--><div class="moe-clock-border" style="display:inline-block;border:10px solid {{{border|#999}}};border-radius:50px;background-color:{{{ft-color|#666}}};padding:10px;">
<div class="moe-clock-blcok" style="position:relative;width:{{#expr:2*{{#var:clock-size}}}}px;height:{{#expr:2*{{#var:clock-size}}}}px;border:10px solid {{{border|#999}}};border-radius:50%;background-color:{{{bg-color|#333}}};">
{{#switch:{{{type|clock}}}
|number=<div class="moe-clock-main" style="position:absolute;top:{{#expr:{{#var:clock-size}}-(5+{{#var:clock-size}}/10)}}px;left:{{#expr:{{#var:clock-size}}-(50+3*{{#var:clock-size}}/10)}}px;">
{{subst:数码管|n=1|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=5|size={{#expr:{{#var:clock-size}}/10}}}}
{{subst:数码管|n=4|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=2|size={{#expr:{{#var:clock-size}}/10}}}}
{{subst:数码管|n=3|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=3|size={{#expr:{{#var:clock-size}}/10}}}}
</div>
|clock|#default=<div class="moe-clock-main" style="position:absolute;top:0;left:0;width:{{#expr:2*{{#var:clock-size}}}}px;height:{{#expr:2*{{#var:clock-size}}}}px;overflow:hidden;{{#ifeq:{{{3ds|off}}}|on|transform:{{ICounter|get|clock|tsf}}|transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}}">
<div class="moe-clock-bg moe-ani-spinwise moe-ani-count-infinite moe-ani-timelong-60 moe-ani-timing-linear" style="position:absolute;top:15px;left:15px;border-radius:50%;overflow:hidden;opacity:0.5;">{{{pic|{{image|图片={{{img|小鞠由依-head.png}}}|resize={{{resize|500}}}|宽={{#expr:2*{{#var:clock-size}}-30}}|高={{#expr:2*{{#var:clock-size}}-30}}|x={{{x|200}}}|y={{{y|0}}}}}}}}</div>
<div class="moe-clock-hands" style="position:absolute;top:{{#var:clock-size}}px;left:{{#var:clock-size}}px;">
<div class="moe-clock-hands-hour" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{1|{{#time:g|+8hours}}}}}*30deg + {{{2|{{#time:i}}}}}*0.5deg));"><div class="ani-infinite ani-rotate360 ani-time-1d ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:4px solid {{{hand|#fcc}}};border-right:4px solid {{{hand|#fcc}}};border-top:{{#expr:0.6*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};border-bottom:{{#expr:0.2*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};
left:-4px;top:-{{#expr:0.7*{{#var:clock-size}}}}px;"></div></div>
</div>
<div class="moe-clock-hands-minute" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{2|{{#time:i}}}}}*6deg + {{{3|{{#time:s}}}}}*0.1deg));"><div class="ani-infinite ani-rotate360 ani-time-3600 ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:4px solid {{{hand|#fcc}}};border-right:4px solid {{{hand|#fcc}}};border-top:{{#expr:0.7*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};border-bottom:{{#expr:0.2*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};
left:-4px;top:-{{#expr:0.8*{{#var:clock-size}}}}px;"></div></div>
</div>
<div class="moe-clock-hands-second" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{3|{{#time:s}}}}}*6deg));"><div class="ani-infinite ani-rotate360 ani-time-60 ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:2px solid {{{hand-s|#f63}}};border-right:2px solid {{{hand-s|#f63}}};border-top:{{#expr:0.7*{{#var:clock-size}}}}px solid {{{hand-s|#f63}}};border-bottom:{{#expr:0.3*{{#var:clock-size}}}}px solid {{{hand-s|#f63}}};
left:-2px;top:-{{#expr:0.8*{{#var:clock-size}}}}px;"></div>
<div class="moe-clock-hands-sign-0" style="position:absolute;
border:10px solid {{{hand-s|#f63}}};border-radius:50%;
left:-10px;top:-10px;"></div></div>
</div>
</div>
<div class="moe-clock-marks" style="position:absolute;top:{{#var:clock-size}}px;left:{{#var:clock-size}}px;">
{{#switch:{{{showmarks|all}}}
|0|2|small=
|#default|1|3|all=
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(0*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(5*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(10*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(15*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(20*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(25*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(30*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(35*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(40*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(45*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(50*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(55*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
}}
{{#switch:{{{showmarks|all}}}
|0|1|big=
|#default|2|3|all=
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(1*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(2*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(3*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(4*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(6*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(7*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(8*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(9*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(11*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(12*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(13*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(14*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(16*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(17*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(18*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(19*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(21*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(22*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(23*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(24*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(26*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(27*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(28*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(29*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(31*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(32*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(33*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(34*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(36*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(37*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(38*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(39*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(41*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(42*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(43*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(44*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(46*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(47*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(48*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(49*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(51*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(52*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(53*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(54*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(56*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(57*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(58*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(59*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
}}
</div>
</div>
}}
</div>
</div>
</div>
==== 解释 ====
css动画。<br>
以下为九江月前辈原话：<br>
“不需要js依赖系统缓存的时间存在一定的滞后性”<br>
“但能运行一天”
----
==搜索框==
=== 来自 折纸本命 ===
==== 解释 ====
似乎是一个快速创建沙盒的输入框。和一个站内搜索框。也有编辑某个页面的“按钮”。只需要将"User:平平凡凡小小鞠"改为对应页面即可。[[help:使用插件#inputbox]]
==== 效果 ====
<inputbox>
type=search
width=29
buttonlabel=search
break=no
namespaces=用户,萌娘百科,模板,帮助,分类,讨论
prefix=
</inputbox>
<inputbox>
type=create
buttonlabel=创建沙盒
prefix=Special:Mypage/
width=29
break=no
</inputbox>
<inputbox>
break=no
type=create
buttonlabel=编辑
default=User:平平凡凡小小鞠
width=29
</inputbox>
----
<pre><inputbox>
type=search
width=29
buttonlabel=search
break=no
namespaces=用户,萌娘百科,模板,帮助,分类,讨论
prefix=
</inputbox>
<inputbox>
type=create
buttonlabel=创建沙盒
prefix=Special:Mypage/
width=29
break=no
</inputbox>
<inputbox>
break=no
type=create
buttonlabel=编辑
default=User:平平凡凡小小鞠
width=29
</inputbox></pre>
----
==隐藏讨论串==
=== 来自 胡祥又 ===
==== 效果 ====
{{#vardefine:hideid|-1}}{{ptl|define=hidebegin|tl=<nowiki>{{#widget:toggle}}<div class="plainlinks mw-customtoggle-{{#var:hideid}} saveNotice" style="cursor: pointer; font-size: 12px; background-color: #E1EEFF; border: 1px solid #E1E1E1; border-radius: 10px 10px 0 0; text-align: center; color: #838383;">▼此讨论串已被隐藏。点击展开。</div><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{#var:hideid}}" style="border: 1px solid #E1E1E1; border-radius: 0 0 10px 10px; padding: 0.2em;">{{#vardefine:hideid|{{#expr:{{#var:hideid}}+1}}}}{{{1|}}}</div></nowiki>}}
{{ptl|1=需要隐藏的讨论串--<img src="https://img.moegirl.org/common/c/cb/%E6%82%A0%E5%93%89%E6%97%A5%E5%B8%B8%E5%A4%A7%E7%8E%8B%E5%8A%A8%E7%94%BB%E5%AE%98%E7%BD%91%E5%9B%BE%E7%89%87.png" style="width:2.5em" />[[user:平平凡凡小小鞠|<span style="color:orange;">コマちゃん</span>]]<span style="color:pink;">（</span>[[user_talk:平平凡凡小小鞠|<span style="color:green;">小小鞠</span>]]<span style="color:pink;">）</span> 2020年6月19日 (五) 23:06 (CST)}}
==== 解释 ====
用于隐藏讨论串的代码。
----
<pre>{{#vardefine:hideid|-1}}{{ptl|define=hidebegin|tl=<nowiki>{{#widget:toggle}}<div class="plainlinks mw-customtoggle-{{#var:hideid}} saveNotice" style="cursor: pointer; font-size: 12px; background-color: #E1EEFF; border: 1px solid #E1E1E1; border-radius: 10px 10px 0 0; text-align: center; color: #838383;">▼此讨论串已被隐藏。点击展开。</div><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{#var:hideid}}" style="border: 1px solid #E1E1E1; border-radius: 0 0 10px 10px; padding: 0.2em;">{{#vardefine:hideid|{{#expr:{{#var:hideid}}+1}}}}{{{1|}}}</div></nowiki>}}
{{ptl|1=<!--需要隐藏的讨论串-->}}</pre>
----
==页面排版==
===效果===
<div align="left">左</div><div align="center">中</div><div align="right">右</div>
===解释===
使文字分别显示在“left（左）”、“center（中）”、“right（右）”。
----
<pre><div align=" ">文字</div></pre>
----
{{背景图片|穹妹壁纸.png}}
{{subst:用戶 允許他人編輯}}
{{subst:隐藏目录}}
==跳转至页面底端==
===来自 折纸本命===
====解释====
一个可以用于跳转至页面底端的按钮，多用于讨论页。
====效果====
<center><div class="nomobile" style="display:inline-block">{{按钮|#footer|底端}}</div><div class="mobileonly" style="display:inline-block">{{按钮|#mw-mf-display-toggle|底端}}</div></center>
----
<pre><center><div class="nomobile" style="display:inline-block">{{按钮|#footer|底端}}</div><div class="mobileonly" style="display:inline-block">{{按钮|#mw-mf-display-toggle|底端}}</div></center></pre>
----
==用户框相关==
===来自 MJH===
==== 解释 ====
一个可以让用户框变整齐的代码。
==== 效果 ====
----
{| class="floatleft vcard" style="margin-left: 1em; margin-bottom: 0.5em; max-width: 242px; border: navy solid 1px; background-color: #FFFFFF"
|-
|style = "text-align:center"|说明文字
<div style="text-align:left">
{{subst:用户 新手|请多多关照}}
{{subst:用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}
{{subst:用户 B站用户 |[https://space.bilibili.com/437962004 普普通通小小鞠]}}
{{subst:用户_碧蓝航线|锉刀~锉~锉~锉~}}
</div>
|}
{{clear}}
----
<pre>{| class="floatleft vcard" style="margin-left: 1em; margin-bottom: 0.5em; max-width: 242px; border: navy solid 1px; background-color: #FFFFFF"
|-
|style = "text-align:center"|说明文字
<div style="text-align:left">
（在这里放用户框
</div>
|}</pre>
{{clear}}
----
=== 来自 饭里扑 ===
==== 效果 ====
<templatestyles src="User:平平凡凡小小鞠/CSS/style.css" />
<span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户 新手|请多多关照}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{用户_碧蓝航线|锉刀~锉~锉~锉~}}</span></span><!---->
==== 解释 ====
一个让用户框变整齐的代码，且有动态效果。<br>
需要您创建一个内容模型为“纯CSS”的页面。<br>
复制下方标注为"CSS"的代码并点击这里创建页面→[[Special:Mypage/CSS/style.css]]<br>
创建页面后打开[[Special:ChangeContentModel]]，输入页面名，然后将【新的内容模型】设置为“{{int:content-model-sanitized-css}}”即可。<br>
----
创建"Special:Mypage/CSS/style.css"时所需要的代码:
{{pre|lang=css|code=<nowiki>
.hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transition-duration: 0.3s;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
</nowiki>}}
----
在用户页/其他页面使用时:
<pre>
<templatestyles src="<!- 此处填入CSS页面的标题 ->" />
<span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户 新手|请多多关照}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户_本命|越谷小鞠|[[File:越谷小鞠.png|40px]]}}</span></span><!--
--><span style="padding: 10px;"><span class="hvr-grow-shadow">{{subst:用户_碧蓝航线|锉刀~锉~锉~锉~}}</span></span><!---->
</pre>
----
=== 来自 九江月 ===
==== 效果 ====
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">兴趣广泛</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不是只会卖萌。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">我要哭了</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户其实只会卖萌。</span></div>
}}
</div>
</div>
※：因页面排版原因仅展示了部分内容。{{subst:jk|其实就是技术力不足。}}
==== 解释 ====
鼠标移至上面改变样式。{{tl|hover}}
----
<pre><div style="width:60px;height:20px;padding-left:5px;background-color:#666666;border-right:5px solid #ccaa66;border-left:1px solid #fff;color:#eee">资料卡</div>
<div style="display:inline-block;width:calc(150% - 12px);height:100%;">
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">卖萌专业</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户致力于卖萌学。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">无尺之徒</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不使用量角器。</span></div>
}}
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">兴趣广泛</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户不是只会卖萌。</span></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">我要哭了</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户其实只会卖萌。</span></div>
}}
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;overflow:hidden;">
<p style="margin:0;padding:12px 0;line-height:100%;color:#ffbbcc;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">真萌组</p>
<div style="display:inline-block;width:calc(100% - 50px);color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;">这名用户是 <b style="color:#e97b91;">真萌组</b> 成员。</span></div>
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#ffbbcc;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;overflow:hidden;">
<p style="margin:0;padding:5px 0 5px 0px;line-height:100%;color:#ffbbcc;font-size:1.4em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">[[File:Gokou_Ruri_by_倉澤もこ.png|40px]]</p>
<div style="display:inline-block;width:calc(100% - 50px);color:#fff;position:absolute;top:30%;left:60px;"><span style="margin:0;padding:0;color:#fff;text-align:center;">这名用户是 <b style="color:#666666;">猫</b><b style="color:#ccaa66;">耳</b><b style="color:#eeeeee;">控</b>。</span></div>
</div>
</div>
<div style="display:inline-block;max-width:250px;width:100%;min-width:100px;height:60px;background-color:#000;border:1px solid grey;position:relative;">
<div style="display:inline-block;width:50px;height:60px;background-color:#fff;">
{{hover|before=
<p style="margin:0;padding:12px 0;line-height:100%;color:#000;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">拒绝交易</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><b style="margin:0;padding:0;color:#fff;">这名用户坚决不买萌。</b></div>
|after=
<p style="margin:0;padding:12px 0;line-height:100%;color:#000;font-size:1.2em;font-weight:600;text-shadow: 1px 1px 0 #ddd;font-family:'Microsoft YaHei';text-align:center;">标准傲娇</p>
<div style="display:inline-block;width:180px;color:#fff;position:absolute;top:30%;left:60px;"><b style="margin:0;padding:0;color:#fff;">哼哒，才不买你们的萌呢！</b></div>
}}
</div></pre>
----
九江月前辈有关图形的子页面：[[User:九江月/图形]]<!--九江月前辈太强了，膜拜!-->
== 计算相关 ==
===来自 九江月===
==== 解析 ====
是一个计算器，异或计算的。
{{pre|lang=wiki|code=<nowiki>
{{#vardefine:answer|1100101000}}<!--将答案填写到左侧，并将本代码复制到编辑框内，显示预览即可获得群号。
-->{{#vardefine:ddd|0}}{{#vardefine:code|100010100010100100111010111010}}<!--
-->{{#loop:index|1|30|{{#vardefine:aaa|{{#invoke:string|sub|{{#var:code}}|{{#var:index}}|{{#var:index}}}}}}{{#vardefine:bbb|{{#invoke:string|sub|{{#var:answer}}{{#var:answer}}{{#var:answer}}|{{#var:index}}|{{#var:index}}}}}}{{#vardefine:ccc|{{#ifeq:{{#var:aaa}}|{{#var:bbb}}|0|1}}}}{{#vardefine:ddd|{{#expr:{{#var:ddd}}+{{#var:ccc}}*2^(30-{{#var:index}})}}}}
}}{{#var:ddd}}
</nowiki>}}
----
== 时钟效果 ==
=== 来自 九江月 ===
==== 效果 ====
<div>{{M-animation}}
{{#vardefine:clock-size|{{{size|100}}}}}<!--
-->{{ICounter|set|clock|ag|{{#expr:{{{ag|45}}}*pi /180}}}}<!--
-->{{ICounter|set|clock|x|{{{3dx|1}}}}}{{ICounter|set|clock|y|{{{3dy|0.6}}}}}{{ICounter|set|clock|z|{{{3dz|0}}}}}<!--
-->{{ICounter|set|clock|sc|{{#expr:sin({{ICounter|get|clock|ag}}/2) * cos({{ICounter|get|clock|ag}}/2)}}}}<!--
-->{{ICounter|set|clock|sq|{{#expr:sin({{ICounter|get|clock|ag}}/2) * sin({{ICounter|get|clock|ag}}/2)}}}}<!--
-->{{ICounter|set|clock|tsf|matrix3d({{#expr:1-2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|y}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|z}})*{{ICounter|get|clock|sq}}}},{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|y}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|z}}*{{ICounter|get|clock|sc}})}},{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|y}}*{{ICounter|get|clock|sc}})}},0,{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|y}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|sc}})}},{{#expr:1-2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|x}}+{{ICounter|get|clock|z}}*{{ICounter|get|clock|z}})*{{ICounter|get|clock|sq}}}},{{#expr:2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|x}}*{{ICounter|get|clock|sc}})}},0,{{#expr:2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}-{{ICounter|get|clock|y}}*{{ICounter|get|clock|sc}})}},{{#expr:2*({{ICounter|get|clock|y}}*{{ICounter|get|clock|z}}*{{ICounter|get|clock|sq}}+{{ICounter|get|clock|x}}*{{ICounter|get|clock|sc}})}},{{#expr:1-2*({{ICounter|get|clock|x}}*{{ICounter|get|clock|x}}+{{ICounter|get|clock|y}}*{{ICounter|get|clock|y}})*{{ICounter|get|clock|sq}}}},0,0,0,0,1);
}}<!--
--><div class="moe-clock-border" style="display:inline-block;border:10px solid {{{border|#999}}};border-radius:50px;background-color:{{{ft-color|#666}}};padding:10px;">
<div class="moe-clock-blcok" style="position:relative;width:{{#expr:2*{{#var:clock-size}}}}px;height:{{#expr:2*{{#var:clock-size}}}}px;border:10px solid {{{border|#999}}};border-radius:50%;background-color:{{{bg-color|#333}}};">
{{#switch:{{{type|clock}}}
|number=<div class="moe-clock-main" style="position:absolute;top:{{#expr:{{#var:clock-size}}-(5+{{#var:clock-size}}/10)}}px;left:{{#expr:{{#var:clock-size}}-(50+3*{{#var:clock-size}}/10)}}px;">
{{subst:数码管|n=1|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=5|size={{#expr:{{#var:clock-size}}/10}}}}
{{subst:数码管|n=4|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=2|size={{#expr:{{#var:clock-size}}/10}}}}
{{subst:数码管|n=3|size={{#expr:{{#var:clock-size}}/10}}}}{{subst:数码管|n=3|size={{#expr:{{#var:clock-size}}/10}}}}
</div>
|clock|#default=<div class="moe-clock-main" style="position:absolute;top:0;left:0;width:{{#expr:2*{{#var:clock-size}}}}px;height:{{#expr:2*{{#var:clock-size}}}}px;overflow:hidden;{{#ifeq:{{{3ds|off}}}|on|transform:{{ICounter|get|clock|tsf}}|transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}}">
<div class="moe-clock-bg moe-ani-spinwise moe-ani-count-infinite moe-ani-timelong-60 moe-ani-timing-linear" style="position:absolute;top:15px;left:15px;border-radius:50%;overflow:hidden;opacity:0.5;">{{{pic|{{image|图片={{{img|小鞠由依-head.png}}}|resize={{{resize|500}}}|宽={{#expr:2*{{#var:clock-size}}-30}}|高={{#expr:2*{{#var:clock-size}}-30}}|x={{{x|200}}}|y={{{y|0}}}}}}}}</div>
<div class="moe-clock-hands" style="position:absolute;top:{{#var:clock-size}}px;left:{{#var:clock-size}}px;">
<div class="moe-clock-hands-hour" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{1|{{#time:g|+8hours}}}}}*30deg + {{{2|{{#time:i}}}}}*0.5deg));"><div class="ani-infinite ani-rotate360 ani-time-1d ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:4px solid {{{hand|#fcc}}};border-right:4px solid {{{hand|#fcc}}};border-top:{{#expr:0.6*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};border-bottom:{{#expr:0.2*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};
left:-4px;top:-{{#expr:0.7*{{#var:clock-size}}}}px;"></div></div>
</div>
<div class="moe-clock-hands-minute" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{2|{{#time:i}}}}}*6deg + {{{3|{{#time:s}}}}}*0.1deg));"><div class="ani-infinite ani-rotate360 ani-time-3600 ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:4px solid {{{hand|#fcc}}};border-right:4px solid {{{hand|#fcc}}};border-top:{{#expr:0.7*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};border-bottom:{{#expr:0.2*{{#var:clock-size}}}}px solid {{{hand|#fcc}}};
left:-4px;top:-{{#expr:0.8*{{#var:clock-size}}}}px;"></div></div>
</div>
<div class="moe-clock-hands-second" style="z-index:5;position:absolute;
left:0px;top:0px;border-radius:50%;transform:rotate(calc({{{3|{{#time:s}}}}}*6deg));"><div class="ani-infinite ani-rotate360 ani-time-60 ani-linear">
<div class="moe-clock-hands-sign-0" style="position:absolute;
border-left:2px solid {{{hand-s|#f63}}};border-right:2px solid {{{hand-s|#f63}}};border-top:{{#expr:0.7*{{#var:clock-size}}}}px solid {{{hand-s|#f63}}};border-bottom:{{#expr:0.3*{{#var:clock-size}}}}px solid {{{hand-s|#f63}}};
left:-2px;top:-{{#expr:0.8*{{#var:clock-size}}}}px;"></div>
<div class="moe-clock-hands-sign-0" style="position:absolute;
border:10px solid {{{hand-s|#f63}}};border-radius:50%;
left:-10px;top:-10px;"></div></div>
</div>
</div>
<div class="moe-clock-marks" style="position:absolute;top:{{#var:clock-size}}px;left:{{#var:clock-size}}px;">
{{#switch:{{{showmarks|all}}}
|0|2|small=
|#default|1|3|all=
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(0*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(5*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(10*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(15*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(20*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(25*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(30*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(35*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(40*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(45*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(50*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(55*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:4px solid {{{marks-5|{{{marks|#fff}}}}}};left:-4px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
}}
{{#switch:{{{showmarks|all}}}
|0|1|big=
|#default|2|3|all=
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(1*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(2*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(3*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(4*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(6*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(7*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(8*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(9*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(11*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(12*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(13*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(14*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(16*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(17*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(18*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(19*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(21*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(22*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(23*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(24*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(26*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(27*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(28*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(29*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(31*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(32*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(33*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(34*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(36*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(37*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(38*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(39*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(41*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(42*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(43*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(44*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(46*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(47*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(48*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(49*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(51*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(52*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(53*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(54*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(56*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(57*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(58*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
<div class="moe-clock-marks-block" style="position:absolute;left:0px;top:0px;border-radius:50%;transform:rotate(calc(59*6deg));">
<div class="moe-clock-marks-sign-0" style="position:absolute;border:2px solid {{{marks|#fff}}};left:-2px;top:{{#expr:4-{{#var:clock-size}}}}px;border-radius:50%;"></div>
</div>
}}
</div>
</div>
}}
</div>
</div>
</div>
==== 解释 ====
css动画。<br>
以下为九江月前辈原话：<br>
“不需要js依赖系统缓存的时间存在一定的滞后性”<br>
“但能运行一天”
----
==搜索框==
=== 来自 折纸本命 ===
==== 解释 ====
似乎是一个快速创建沙盒的输入框。和一个站内搜索框。也有编辑某个页面的“按钮”。只需要将"User:平平凡凡小小鞠"改为对应页面即可。[[help:使用插件#inputbox]]
==== 效果 ====
<inputbox>
type=search
width=29
buttonlabel=search
break=no
namespaces=用户,萌娘百科,模板,帮助,分类,讨论
prefix=
</inputbox>
<inputbox>
type=create
buttonlabel=创建沙盒
prefix=Special:Mypage/
width=29
break=no
</inputbox>
<inputbox>
break=no
type=create
buttonlabel=编辑
default=User:平平凡凡小小鞠
width=29
</inputbox>
----
<pre><inputbox>
type=search
width=29
buttonlabel=search
break=no
namespaces=用户,萌娘百科,模板,帮助,分类,讨论
prefix=
</inputbox>
<inputbox>
type=create
buttonlabel=创建沙盒
prefix=Special:Mypage/
width=29
break=no
</inputbox>
<inputbox>
break=no
type=create
buttonlabel=编辑
default=User:平平凡凡小小鞠
width=29
</inputbox></pre>
----
==隐藏讨论串==
=== 来自 胡祥又 ===
==== 效果 ====
{{#vardefine:hideid|-1}}{{ptl|define=hidebegin|tl=<nowiki>{{#widget:toggle}}<div class="plainlinks mw-customtoggle-{{#var:hideid}} saveNotice" style="cursor: pointer; font-size: 12px; background-color: #E1EEFF; border: 1px solid #E1E1E1; border-radius: 10px 10px 0 0; text-align: center; color: #838383;">▼此讨论串已被隐藏。点击展开。</div><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{#var:hideid}}" style="border: 1px solid #E1E1E1; border-radius: 0 0 10px 10px; padding: 0.2em;">{{#vardefine:hideid|{{#expr:{{#var:hideid}}+1}}}}{{{1|}}}</div></nowiki>}}
{{ptl|1=需要隐藏的讨论串--<img src="https://img.moegirl.org/common/c/cb/%E6%82%A0%E5%93%89%E6%97%A5%E5%B8%B8%E5%A4%A7%E7%8E%8B%E5%8A%A8%E7%94%BB%E5%AE%98%E7%BD%91%E5%9B%BE%E7%89%87.png" style="width:2.5em" />[[user:平平凡凡小小鞠|<span style="color:orange;">コマちゃん</span>]]<span style="color:pink;">（</span>[[user_talk:平平凡凡小小鞠|<span style="color:green;">小小鞠</span>]]<span style="color:pink;">）</span> 2020年6月19日 (五) 23:06 (CST)}}
==== 解释 ====
用于隐藏讨论串的代码。
----
<pre>{{#vardefine:hideid|-1}}{{ptl|define=hidebegin|tl=<nowiki>{{#widget:toggle}}<div class="plainlinks mw-customtoggle-{{#var:hideid}} saveNotice" style="cursor: pointer; font-size: 12px; background-color: #E1EEFF; border: 1px solid #E1E1E1; border-radius: 10px 10px 0 0; text-align: center; color: #838383;">▼此讨论串已被隐藏。点击展开。</div><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{#var:hideid}}" style="border: 1px solid #E1E1E1; border-radius: 0 0 10px 10px; padding: 0.2em;">{{#vardefine:hideid|{{#expr:{{#var:hideid}}+1}}}}{{{1|}}}</div></nowiki>}}
{{ptl|1=<!--需要隐藏的讨论串-->}}</pre>
----
==页面排版==
===效果===
<div align="left">左</div><div align="center">中</div><div align="right">右</div>
===解释===
使文字分别显示在“left（左）”、“center（中）”、“right（右）”。
----
<pre><div align=" ">文字</div></pre>
----
{{背景图片|穹妹壁纸.png}}