User:Bbrabbit/萌娘百科的黑科技
高度机密
严禁未经授权的人员进行访问
所有档案均由模因抹杀药物保护
欢迎，已经得到授权的人员，请查阅以下档案
目录
萌百秘制歌词黑科技
起始-手动对齐篇
在音乐区发展初期，没有专用的歌词模板。伟大的编辑者们（包括我）都是使用Template:cj，poem标签以及wikitable对齐歌词的。这种方法耗时耗力，完成一份完整的着色歌词大概需要1小时而且做完后感觉整个人都智障了。这种歌词写法如下：
{|width = 330px |<poem>{{cj|#336600|少し濡れた君の髪が
微笑み舞うように踊って}}{{cj|#36FF00|
旋毛風(つむじかぜ)が夏の匂いを
もう連れてきそうになって
}}
</poem>
|width = 330px|<poem>{{cj|#336600|虽然你的头发稍稍被汗水沾湿
你仍然在微笑中翩翩起舞
}}{{cj|#36FF00|
旋风已经带来了
夏天的气味
}}
</poem>
|}
效果大概就是这样
少し濡れた君の髪が |
虽然你的头发稍稍被汗水沾湿 |
很明显，这种方法写歌词如果要换颜色就必须用无数个cj模板，而且第一次写好后往往有对齐的问题。如果在原文和译文中有任何一个地方多了一个回车键，整个歌词就不对齐了。所以这种方法对于新人极不友好，除非对手写格式情有独钟，否则不推荐这种方法。
进化!歌词模板及模块
由于这样写歌词速度非常慢，有一些天才编辑和程序员就开始琢磨用模板和模块帮助人们完成对齐这个麻烦的事情。于是Template:Lyrics就诞生了。这个模板让编辑们不用再考虑对齐和颜色模板的问题，只需要将参数填入模板即可使用。但是要设置css样式就有点费劲了。比如上面那个歌词使用模板就可以简化为
{{Lyrics
|lb-color1=#336600
|rb-color1=#336600
|lb-text1=少し濡れた君の髪が
微笑み舞うように踊って
|rb-text1=虽然你的头发稍稍被汗水沾湿
你仍然在微笑中翩翩起舞
|lb-color2=#36FF00
|rb-color2=#36FF00
|lb-text2=旋毛風(つむじかぜ)が夏の匂いを
もう連れてきそうになって
|rb-text2=旋风已经带来了
夏天的气味
}}
本段落中所使用的歌词，其著作权属于原著作权人，仅以介绍为目的引用。
少し濡れた君の髪が 微笑み舞うように踊って
虽然你的头发稍稍被汗水沾湿 你仍然在微笑中翩翩起舞
旋毛風(つむじかぜ)が夏の匂いを もう連れてきそうになって
旋风已经带来了 夏天的气味
而Template:LyricsKai和Module:Lyrics则是萌百实装了lua脚本后的产物。显示效果差不多，可以直接调用模块或者调用封装了模块的模板。 模块调用：
{{#invoke:Lyrics|lyrics
|lstyle=color:#336600
|rstyle=color:#336600
|original=少し濡れた君の髪が
微笑み舞うように踊って
|translate=虽然你的头发稍稍被汗水沾湿
你仍然在微笑中翩翩起舞
}}
{{#invoke:Lyrics|lyrics
|lstyle=color:#36FF00
|rstyle=color:#36FF00
|original=旋毛風(つむじかぜ)が夏の匂いを
もう連れてきそうになって
|translate=旋风已经带来了
夏天的气味
}}
本段落中所使用的歌词，其著作权属于原著作权人，仅以介绍为目的引用。模板调用：
{{LyricsKai|lyrics
|lstyle=color:#336600
|rstyle=color:#336600
|original=少し濡れた君の髪が
微笑み舞うように踊って
|translated=虽然你的头发稍稍被汗水沾湿
你仍然在微笑中翩翩起舞
}}
{{LyricsKai|lyrics
|lstyle=color:#36FF00
|rstyle=color:#36FF00
|original=旋毛風(つむじかぜ)が夏の匂いを
もう連れてきそうになって
|translated=旋风已经带来了
夏天的气味
}}
本段落中所使用的歌词，其著作权属于原著作权人，仅以介绍为目的引用。看起来好像没有Lyrics好用，但能够更方便的修改样式，所以在不同的情况下请灵活选用不同模板。
究极的歌词装饰
在解决了对齐的问题之后，闲不下来的一些程序员开始琢磨怎么给歌词加特效，于是一些奇怪的歌词装饰模板就诞生了。
Template:Gradient Text
Gradient Text模板是一个可以让歌词渐变的模板，现在广泛用在多人合唱时需要同时显示两种颜色的歌词上。不过人多就不要用这个了，会让人看瞎掉
{{Gradient_Text|#3366ff,#993300|九七(きゅうじゅうなな)の希望(ひかり) 力よ
いつまでも
どこまでも
}}
九七(きゅうじゅうなな)の希望(ひかり) 力よ いつまでも どこまでも
Template:交叉颜色和Template:交叉颜色三
这两个模板用于在一行字之中插入两种或三种颜色，这个模板并不专用于歌词，但可以很方便地在多人合唱的歌曲中插入不同的颜色。
{{交叉颜色|c1=rgb(51,153,102)|c2=rgb(51,102,255)|くるくると形を変える 雲に飛び乗って
少しだけお休みしたい |こんな気持は多分あのコ達も一緒ね }}
くるくると形を変える 雲に飛び乗って 少しだけお休みしたい こんな気持は多分あのコ達も一緒ね 交叉颜色三使用方法类似，只是多了一种颜色。
Widget:Moving words
这个Widget可以给文字加一些十分炫酷的特效，典型实例:Honey²。它定义了一系列class，只需要在写的文字上加上这个class就能使用。
{{#Widget:Moving words}}
<div class="loader" style="color:#CCFFFF;font-size:20px><span class="span2">Moving words</span></div>
等我发现了什么好玩的再补充
萌百秘制词条炮黑科技
吃我邪王真眼啦！
相信大部分浏览萌百的人都会认识以存在感稀薄著称的阿卡林，因此也就有了一个阿卡林模板Template:阿卡林，用来抹除词条的存在感咦这个词条怎么什么都没有，一定是错误创建了吧。效果就是你正在看到的这段文字的样子。你可以点击邪王真眼的大小来调整这段文字的存在感。 用法
{{阿卡林|opacity=0.5}}
opacity值可在0-1之间调整。
你造吗页面可以横过来
萌娘百科有一个很神奇的widget，可以让你想要旋转的文字横过来以伤害大家的脖子。你可以点击这个段落下方的按钮来让这段文字转来转去。
{{#Widget:OhMyNeck}}<div id="OhMyNeck" style="margin:1em;">
你想横过来的字
</div>
<div id="HelpMyNeck" style="display:none;"> <!------如果不想给别人拯救脖子的机会这两行可以不用加（-------->
</div>
制造模糊效果
由于这个widget效果过于显著，请不要将它用在除视觉模糊以外的页面以免造成他人不适
这个widget(Widget:视觉模糊)可以让整个网页变得模糊，由于效果过于显著且直接作用于<body>故无法在这里查看。请移步至视觉模糊词条查看效果。
萌百秘制词条内容黑科技
来自薛定谔的随机图片
大名鼎鼎的薛定谔和他的猫应该每个人都听说过，但薛定谔的理论还能有一些其他用处比如胖次。Widget:Randompic可以帮你制造一些“在点开前不知道状态的”图片效果。
| 现在你能不能看到透视版友利奈绪呢？ |
|---|
|
小部件Randompic出错: Unable to load template 'wiki:Randompic'
|
用法如下
{{#Widget:Randompic|pic1=友利奈绪侧面正常.jpg|pic2=友利奈绪侧面内衣.jpg}}
来个进度条吧
使用Template:Process可以生成一个不会动的进度条，用来提示施工进度然而并没有什么卵用。 当前页面施工百分比：
{{Process|process=60}}
隐藏的图片
有没有见过把鼠标放上去和拿下来时显示不同的图片的网页呢？Template:PicHover就可以帮助实现这个功能。 下面看看效果
{{PicHover|pic=友利奈绪侧面正常.jpg|hover=友利奈绪侧面内衣.jpg|width=355px|height=500px}}
改变一下文字的样式吧
Template:Font可以设置各种文字的样式。 可以选用全部选项。 <-本示例来自Template:Font/doc
{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24px|可以选用全部选项。}}
给鼠标加上颜色
此模板仅为娱乐使用，请勿滥用！
有没有注意到这个页面的鼠标有一些彩色圆圈？只要将Template:Mouse-ripple模板放在条目开头你的用户页也可以这么酷炫！
当你不想让一些内容也带上这个特效，可以在内容前后用<div class="noripple">内容...</div>包裹。
来点开门特效！
只显示一张图片太乏味？给图片装扇门，给用户一个惊喜！使用Template:Sliding_Doors就能做到
- 由于该模板和Mouse-ripple不兼容，无法在本页面展示
{{Sliding Doors
|width=320px
|content=<center>[[File:58984528 p1.png|300px]]</center>
}}