用户:KomacyaN/代码存储

{{subst:标题替换|Komari酱的储藏室}} {{subst:用户 允许他人编辑}} {{subst:隐藏目录}}

跳转至页面底端

来自 折纸本命

解释

一个可以用于跳转至页面底端的按钮，多用于讨论页。

效果

Template:按钮

Template:按钮

---

<center><div class="nomobile" style="display:inline-block">{{按钮|#footer|底端}}</div><div class="mobileonly" style="display:inline-block">{{按钮|#mw-mf-display-toggle|底端}}</div></center>

---

用户框相关

来自 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">
（在这里放用户框
</div>
|}

---

来自 饭里扑

效果

Template:用户 新手Template:用户 本命Template:用户 碧蓝航线

解释

一个让用户框变整齐的代码，且有动态效果。
需要您创建一个内容模型为“纯CSS”的页面。
复制下方标注为"CSS"的代码并点击这里创建页面→Special:Mypage/CSS/style.css
创建页面后打开Special:ChangeContentModel，输入页面名，然后将【新的内容模型】设置为“已过滤的CSS”即可。

---

创建"Special:Mypage/CSS/style.css"时所需要的代码: Template:Pre

---

在用户页/其他页面使用时:

" />
<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><!---->

---

来自 九江月

效果

※：因页面排版原因仅展示了部分内容。{{subst:jk|其实就是技术力不足。}}

解释

鼠标移至上面改变样式。{{hover}}

---

<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>

---

九江月前辈有关图形的子页面：User:九江月/图形‎

计算相关

来自 九江月

解析

是一个计算器，异或计算的。 Template:Pre

---

时钟效果

来自 九江月

效果

Template:M-animation Template:ICounterTemplate:ICounterTemplate:ICounterTemplate:ICounterTemplate:ICounterTemplate:ICounterTemplate:ICounter

Template:Image

解释

css动画。
以下为九江月前辈原话：
“不需要js依赖系统缓存的时间存在一定的滞后性”
“但能运行一天”

---

搜索框

来自 折纸本命

解释

似乎是一个快速创建沙盒的输入框。和一个站内搜索框。也有编辑某个页面的“按钮”。只需要将"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>

---

隐藏讨论串

来自 胡祥又

解释

用于隐藏讨论串的代码。

---

{{#vardefine:hideid|-1}}{{ptl|define=hidebegin|tl={{#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>}}
{{ptl|1=<!--需要隐藏的讨论串-->}}

---

页面排版

效果

左

中

右

解释

使文字分别显示在“left（左）”、“center（中）”、“right（右）”。

---

<div align="  ">文字</div>

---

{{#Widget:SideBarPic}}

<img data-src="穹妹壁纸.png"

style="position:fixed; top:0; width:100%; height:100%; object-fit:cover; object-position:center center; animation:show 2s; "

/>