User:X zzh/Sandbox
本沙盒内容是在基于Help:萌百编辑简明指南与各模板的基础上编辑的,旨在帮助和这个沙盒编辑者一样在编辑时迷惑而不知模板如何使用各种编辑的方法的的小白们,希望在各位编辑者们阅读后能有所收获。在一些复杂的模板中会出现一些难以理解的生字词与详细具体却不知如何下手的复杂构成。对此请不要担心,我会尽量减少难以理解的词句,将其简化成最能简单理解的方式。内容的改编或参考的来源也在每一部分结尾标出,也欢迎你一起参与编辑(・ω・)ノ
编辑格式有一定的参考自《C++从入门到精通》这本书。不过这本书有一个小问题,就是在输出演示时,仍使用了电脑显示的黑底白字的弹窗这种形式。但是图很小,连八分之一的版面都不到,而且字也很小,根本看不清是什么内容,以至于我就这么放弃了看书学习编程( ̄◇ ̄;)
目前包含内容
注:黑体字为较难内容;斜体字为自己根据现有模板创造出的特殊用法。
- 彩幕模板介绍
- 假黑幕模板介绍
- 假彩幕的演示
- 假彩幕的演示
- 胡话模板介绍
- Gradient Text模板介绍
- Linear-gradient模板介绍
彩幕模板介绍
Q:什么是彩幕?
A:彩幕即彩色的黑幕,是在黑幕的基础上,将掩盖文字的黑色长条转变成彩色的一种方式。在大部分地方,彩幕的用法与黑幕类似,但也略有不同。具体的用法与效果显示如下:
基本用法:{{彩幕|内容|彩幕颜色颜色编码}}
eg:{{彩幕|Hello World|#66CCFF}}
输出:Hello World
扩展:{{彩幕|内容|彩幕颜色颜色编码|color=字体颜色颜色编码|鼠标悬浮后的提示文字[1]}}
eg:{{彩幕|Hello World|#66CCFF|color=#FFFFFF|Hello World}}
输出:Hello World
注:当不设置“color=字体颜色颜色编码”时,可通过“l=bri”或“l=drk”来设置字体的颜色。
“l=bri”的含义为“背景为浅色”、字体变为“白色”;“l=drk”的含义为“背景为深色”、字体变为“黑色”。
而如果不设置此参数,系统会自动判断深浅、以减少字符。此时情况与基本用法相同。
即:{{彩幕|内容|彩幕颜色颜色编码|l=bri/drk}}
eg:{{彩幕|Hello World|#66CCFF|l=bri}}
或{{彩幕|Hello World|#66CCFF|l=drk}}
输出:Hello World或Hello World
内容改编/参考自:模板:彩幕
- ↑ 默认文字为“你知道的太多了”
假黑幕模板介绍
Q:什么是假黑幕?
A:假黑幕即虚假的黑幕。在正常情况中,黑幕与彩幕的内容揭露方法都是将鼠标悬浮于其上、而假黑幕则是需要通过鼠标拖拉选中文字的方式才可查看其内容。所以也因此常被用来整人,就像这样。具体的用法与效果显示如下:
用法:{{假黑幕|内容[1]|鼠标悬浮后的提示文字[2]|color=字体颜色颜色编码[3]}}
eg:{{假黑幕|Hello World|Hello World|color=#252525}}
输出:Hello World
注1:当在不想设置文字内容,只想设置鼠标悬浮后的提示文字时,应写成“2=鼠标悬浮后的提示文字”的形式。切记一定不要写成{{假黑幕||鼠标悬浮后的提示文字}}
或{{假黑幕|1=|2=鼠标悬浮后的提示文字}}
的形式,否则程序会自动报错。
即:{{假黑幕|2=鼠标悬浮后的提示文字}}
eg:{{假黑幕|2=Hello World}}
输出:____
注2:当在设置字体颜色时,若所设颜色与#252525颜色差别较大,会出现无法掩盖的状况。其实假黑幕模板也相当于黑幕模板的变形。大部分情况下,用黑幕模板与Color模板就可代替假黑幕使用。而且如果用Background color模板与Color模板,甚至可以弄出假彩幕。
即:{{假黑幕|内容}}
={{Background color|#252525|{{color|#252525|内容}}}}
={{黑幕|{{color|#252525|内容}}}}
eg:{{假黑幕|Hello World}}
={{Background color|#252525|{{color|#252525|Hello World}}}}
={{黑幕|{{color|#252525|Hello World}}}}
输出:Hello World=Hello World=Hello World
假彩幕的演示
假彩幕是在Background color模板与color模板上的一个延申。当用法中背景颜色编码与字体颜色编码相同时,即可变成假彩幕的形式。这里的Background color也可以换成彩幕,其他用法基本相同,故不过多阐述。
用法:{{Background color|背景颜色编码|{{color|字体颜色编码|内容}}}}
eg:{{Background color|#66CCFF|{{color|#66CCFF|Hello World}}}}
输出:Hello World
内容改编/参考自:模板:假黑幕、模板:黑幕、模板:Background color、模板:Color
胡话模板介绍
Q:什么是胡话?
A:胡话属于删除线<del></del>
的延申,但可以设置鼠标悬浮后文字等内容、被删除的字体颜色会变为灰色。具体使用方法如下:
用法:{{胡话|内容|鼠标悬浮后的提示文字[1]}}
eg:{{胡话|Hello World|Hello World}}
输出:Hello World
注:该模板因为不如<del></del>
简洁、所以使用人数较少,但仍要注意不要滥用此模板。详见:萌娘百科:条目编写#关于幽默类模板和幽默性内容的使用。
内容改编/参考自:模板:胡话、萌娘百科:条目编写#关于幽默类模板和幽默性内容的使用
- ↑ 默认文字为“只为博君一笑,不必照单全收XD”。
Gradient Text模板介绍
Q:什么是Gradient Text?
A:Gradient Text模板是color模板的延申,从而使文字变成渐变色的模板。但属于实验性功能,在一些老版本的电脑和浏览器中无法显示。具体用法如下:
用法:{{Gradient_Text|渐变方向[1],渐变颜色1[2],渐变颜色2,渐变颜色n[3]|内容|title=鼠标悬浮后的提示文字[4]}}
eg:{{Gradient_Text|left,#FA8072,#F0E68C,#ADFF2F,#66FFE6,#9932CC|Hello World|title=Hello World}}
输出:Hello World
附1:常用渐变方向表1(大部分变色模板通用)
名称 | 含义 |
---|---|
top | 从上方到下方 |
bottom | 从下方到上方 |
top left/left top | 从左上到右下 |
left | 从左侧到右侧 |
bottom left/left bottom | 从左下到右上 |
bottom right/right bottom | 从右下到左上 |
right | 从右侧到左侧 |
top right/right top | 从右上到左下 |
附2:常用颜色渐变表(变色模板通用)
颜色编号 | 效果 |
---|---|
#FA8072 #F0E68C #ADFF2F #66FFE6 #9932CC | Hello World |
#FFE4E1 #FF7F50 #FF2400 #DC143C #8B0000 | Hello World |
#E0FFFF #88EEFF #66CCFF #3399FF #007FFF | Hello World |
内容改编/参考自:模板:Gradient Text、模板:Color、帮助:颜色列表
Linear-gradient模板介绍
Q:什么是Linear-gradient?
A:Linear-gradient模板也是color模板的延申,从而使文字背景变成渐变色的模板。通常来说,比Gradient Text的使用范围与用法更多。具体用法如下:
Linear-gradient模板的用法主要有两种:
1.作文字背景时基本用法:{{linear-gradient|渐变方向|渐变颜色1,渐变颜色2,渐变颜色n|info=文字内容}}
2.作渐变色块时基本用法:linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色n)
先说较为简单的用法1:
用法:{{linear-gradient|渐变方向[1]|渐变颜色1 颜色1中心位置[2],渐变颜色2 颜色2中心位置,渐变颜色n[3]|info=文字内容}}[4]
eg:{{linear-gradient|left|#FA8072,#F0E68C,#ADFF2F,#66FFE6,#9932CC|info=Hello World}}
输出:
再说较为复杂的用法2:
用法:linear-gradient(渐变方向[5],渐变颜色1 颜色1中心位置引用错误:开放式
<ref>
标签格式错误或有错误的name(名称),渐变颜色2 颜色2中心位置,渐变颜色n引用错误:开放式<ref>
标签格式错误或有错误的name(名称))
实际情况示例1:
使用萌百的表格模板来演示该种用法 |
---|
{| style="width:表格长度;height:表格高度;background:linear-gradient(渐变方向,渐变颜色1 颜色1中心位置,渐变颜色2 颜色2中心位置,渐变颜色n)" |
eg1:
使用方法举例 |
---|
{| style="width:100px;height:50px;background:linear-gradient(to right,#FA8072,#F0E68C,#ADFF2F,#66FFE6,#9932CC)" |
输出1:
实际情况示例2:
使用VOCALOID_Songbox模板来演示该种用法 |
---|
{{VOCALOID_Songbox |
eg2:
使用方法举例 |
---|
{{VOCALOID_Songbox |
输出2:
《Réveil》是iAbnuhc于2013年12月30日投稿,洛天依演唱的歌曲。
视频截图 |
歌曲名称 |
Réveil |
于2013年12月30日投稿 ,再生数为 -- |
演唱 |
洛天依 |
UP主 |
iAbnuhc |
链接 |
bilibili |
内容改编/参考自:模板:Color、帮助:颜色列表、模板:Linear-gradient、用户:JackBlock/渐变色使用、模板:VOCALOID Songbox
- ↑ 在作文字背景时,所填方向即与常用渐变方向表中内容相同。
- ↑ 中心位置为可选项目,可以用百分比或多少px来决定,更具体的内容详见后文附表。
- ↑ 这里填写的颜色数量要大于或等于2个
- ↑ 此时无论文字内容的长度如何,横轴长度都会为一整条,即如下形式。若要限定长度,可用div style设置,不过此处内容已经涉及到了部分编程内容,萌新建议直接使用
<div style="width: 限制长度;></div>
来代替(当中的“限制长度”为需要更改的内容,通常单位为px)。 - ↑ 在作渐变色块时,所填方向与常用渐变方向表中内容并不相同,具体填法见后文常用渐变方向表2。若不填此值,渐变方向为从上到下,即to bottom。