【不适用】【教程】【基于MCBBS Extender】backcolor——背景颜色还是黑菷?
backcolor——背景颜色还是黑|幕?
ATTENTION注意!本文章记载的内容不适用于MCBBS纪念版,除非MCBBS Extender支持本论坛
WARNING本节目由Crable_Potion赞助播出
⚠本功能基于MCBBS Extender实现
前言
backcolor是泥潭非常常用的一个标签。部分使用MCBBS Extender的用户都知道它既能作为背景颜色也能作为黑|幕。
但是,你知道什么情况下backcolor会被解析为黑|幕吗?
本期节目将会教你正确地使用backcolor标签。
标签样式
和大部分标签相同的是,backcolor遵循的格式如下:
[代码=属性][/代码]其中,属性部分仅允许颜色代码,即指定的颜色,hex、rgb以及rgba颜色。
指定的颜色就是web标准色,例如Black, Green, Gray ,Blue, Red, Purple,总共有140种,即
颜色名十六进制颜色值
AliceBlue#F0F8FF
AntiqueWhite#FAEBD7
Aqua#00FFFF
Aquamarine#7FFFD4
Azure#F0FFFF
Beige#F5F5DC
Bisque#FFE4C4
Black#000000
BlanchedAlmond#FFEBCD
Blue#0000FF
BlueViolet#8A2BE2
Brown#A52A2A
BurlyWood#DEB887
CadetBlue#5F9EA0
Chartreuse#7FFF00
Chocolate#D2691E
Coral#FF7F50
CornflowerBlue#6495ED
Cornsilk#FFF8DC
Crimson#DC143C
Cyan#00FFFF
DarkBlue#00008B
DarkCyan#008B8B
DarkGoldenRod#B8860B
DarkGray#A9A9A9
DarkGreen#006400
DarkKhaki#BDB76B
DarkMagenta#8B008B
DarkOliveGreen#556B2F
Darkorange#FF8C00
DarkOrchid#9932CC
DarkRed#8B0000
DarkSalmon#E9967A
DarkSeaGreen#8FBC8F
DarkSlateBlue#483D8B
DarkSlateGray#2F4F4F
DarkTurquoise#00CED1
DarkViolet#9400D3
DeepPink#FF1493
DeepSkyBlue#00BFFF
DimGray#696969
DodgerBlue#1E90FF
Feldspar#D19275
FireBrick#B22222
FloralWhite#FFFAF0
ForestGreen#228B22
Fuchsia#FF00FF
Gainsboro#DCDCDC
GhostWhite#F8F8FF
Gold#FFD700
GoldenRod#DAA520
Gray#808080
Green#008000
GreenYellow#ADFF2F
HoneyDew#F0FFF0
HotPink#FF69B4
IndianRed#CD5C5C
Indigo#4B0082
Ivory#FFFFF0
Khaki#F0E68C
Lavender#E6E6FA
LavenderBlush#FFF0F5
LawnGreen#7CFC00
LemonChiffon#FFFACD
LightBlue#ADD8E6
LightCoral#F08080
LightCyan#E0FFFF
LightGoldenRodYellow#FAFAD2
LightGrey#D3D3D3
LightGreen#90EE90
LightPink#FFB6C1
LightSalmon#FFA07A
LightSeaGreen#20B2AA
LightSkyBlue#87CEFA
LightSlateBlue#8470FF
LightSlateGray#778899
LightSteelBlue#B0C4DE
LightYellow#FFFFE0
Lime#00FF00
LimeGreen#32CD32
Linen#FAF0E6
Magenta#FF00FF
Maroon#800000
MediumAquaMarine#66CDAA
MediumBlue#0000CD
MediumOrchid#BA55D3
MediumPurple#9370D8
MediumSeaGreen#3CB371
MediumSlateBlue#7B68EE
MediumSpringGreen#00FA9A
MediumTurquoise#48D1CC
MediumVioletRed#C71585
MidnightBlue#191970
MintCream#F5FFFA
MistyRose#FFE4E1
Moccasin#FFE4B5
NavajoWhite#FFDEAD
Navy#000080
OldLace#FDF5E6
Olive#808000
OliveDrab#6B8E23
Orange#FFA500
OrangeRed#FF4500
Orchid#DA70D6
PaleGoldenRod#EEE8AA
PaleGreen#98FB98
PaleTurquoise#AFEEEE
PaleVioletRed#D87093
PapayaWhip#FFEFD5
PeachPuff#FFDAB9
Peru#CD853F
Pink#FFC0CB
Plum#DDA0DD
PowderBlue#B0E0E6
Purple#800080
Red#FF0000
RosyBrown#BC8F8F
RoyalBlue#4169E1
SaddleBrown#8B4513
Salmon#FA8072
SandyBrown#F4A460
SeaGreen#2E8B57
SeaShell#FFF5EE
Sienna#A0522D
Silver#C0C0C0
SkyBlue#87CEEB
SlateBlue#6A5ACD
SlateGray#708090
Snow#FFFAFA
SpringGreen#00FF7F
SteelBlue#4682B4
Tan#D2B48C
Teal#008080
Thistle#D8BFD8
Tomato#FF6347
Turquoise#40E0D0
Violet#EE82EE
VioletRed#D02090
Wheat#F5DEB3
White#FFFFFF
WhiteSmoke#F5F5F5
Yellow#FFFF00
YellowGreen#9ACD32
hex颜色就是以#开头的16进制颜色,其结构是#R]00G]ffB]00A]ff (A部分可以省略)
rgb颜色就是以rgb(为开头,)为结尾,其结构是rgb(R]0, G]255, B]0)
rgba颜色就是以rgba(为开头,)为结尾,其结构是rgb(R]0, G]255, B]0, A]1)
因此,hex颜色中的最大值为#ffffffff,即白色;最小值为#00000000,即完全透明的黑色。
rgb颜色中的最大值为rgb(255, 255, 255),即白色;最小值为rgb(0, 0, 0),即黑色。
rgba颜色中的最大值为rgb(255, 255, 255, 1),即白色;最小值为rgba(0, 0, 0, 0)即完全透明的黑色。
注意,在MCBBS,所有的rgba格式的颜色最后一位alpha通道值仅为1或者0时会被解析。
决定背景颜色或者黑|幕的主要条件
在有关backcolor标签样式的CSS中有这样一段:
.t_f font, .t_f font {
transition-duration: .3s;
transition-delay: .5s;
cursor: default;它的大致意思就是如果backcolor标签的属性部分如果是black或者以#000开头的hex颜色,则会解析为黑|幕。
(编者注:仅black能被解析为黑|幕,Black则不能)
利用这个特性,不仅能做出黑色的黑|幕,还可以做出蓝色的黑|幕。
看!黑色的黑|幕
看!蓝色的黑|幕
看!黑色的黑|幕
看!蓝色的黑|幕(编者注:|=0px]||ze]用于防屏蔽)
主动干预黑|幕的判定
也是因为这个特性,所有属性为black的backcolor都会被解析为黑|幕,有什么方法能使标签被解析为正常的背景颜色呢?
方法有两种:
[*]使用Black代替black
[*]用上表的相似颜色代替hex颜色。
[*]用rgb颜色代替hex颜色。
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是蓝色的背景颜色!
看!这不是黑|幕!这是无法被解析的背景颜色!
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是蓝色的背景颜色!
看!这不是黑|幕!这是无法被解析的背景颜色!
声明
web标准色表格来源于网络,原出处。
作者Crable_Potion | 2023年4月2日
本文章采用署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN)授权
什么!竟然是教程(还是不适用的) 又学会一写可以用于编辑的好代码可以的话我要在wiki里用|幕
Kohsaka_Mayuri 发表于 2024-9-22 16:06
什么!竟然是教程(还是不适用的)
旧MCBBS的教程,23年4月写的,看着(或许)还有用就扔过来了(
至少有个参考价值(笑)
页:
[1]