Memorial Edition

查看: 453|回复: 3

【不适用】【教程】【基于MCBBS Extender】backcolor——背景颜色还是黑菷?

[复制链接]

Lv.8 考古家

人气
286 点
金粒
2732 粒
宝石
3 颗
爱心
19 颗
钻石
940 颗
贡献
0 点

骨灰勋章石镐矿工勋章铁镐矿工勋章钻镐矿工勋章小麦种勋章Java正版勋章Windows 10正版勋章

发表于 2024-9-21 21:44:27 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  backcolor——背景颜色还是黑|幕?


ATTENTION
注意!本文章记载的内容不适用于MCBBS纪念版,除非MCBBS Extender支持本论坛



WARNING
本节目由Crable_Potion赞助播出



本功能基于MCBBS Extender实现

前言
backcolor是泥潭非常常用的一个标签。部分使用MCBBS Extender的用户都知道它既能作为背景颜色也能作为黑|幕。
但是,你知道什么情况下backcolor会被解析为黑|幕吗?
本期节目将会教你正确地使用backcolor标签。

标签样式
和大部分标签相同的是,backcolor遵循的格式如下:
  1. [代码=属性][/代码]
复制代码
其中,属性部分仅允许颜色代码,即指定的颜色,hex、rgb以及rgba颜色。
指定的颜色就是web标准色,例如Black, Green, Gray ,Blue, Red, Purple,总共有140种,即

hex颜色就是以#开头的16进制颜色,其结构是#[ruby=R]00[/ruby][ruby=G]ff[/ruby][ruby=B]00[/ruby][ruby=A]ff[/ruby] (A部分可以省略)
rgb颜色就是以rgb(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby])
rgba颜色就是以rgba(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby], [ruby=A]1[/ruby])
因此,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中有这样一段:
  1. .t_f font[style*="background-color:black"], .t_f font[style*="background-color:#000"] {
  2.     transition-duration: .3s;
  3.     transition-delay: .5s;
  4.     cursor: default;
复制代码
它的大致意思就是如果backcolor标签的属性部分如果是black或者以#000开头的hex颜色,则会解析为黑|幕。
(编者注:仅black能被解析为黑|幕,Black则不能)
利用这个特性,不仅能做出黑色的黑|幕,还可以做出蓝色的黑|幕。
看!黑色的黑|
看!蓝色的黑|
  1. [backcolor=black]看!黑色的黑[size=0px]|[/size]幕[/backcolor]
  2. [backcolor=#0000ff]看!蓝色的黑[size=0px]|[/size]幕[/backcolor]
复制代码
(编者注:[size|=0px]|[/si|ze]用于防屏蔽)

主动干预黑|幕的判定
也是因为这个特性,所有属性为black的backcolor都会被解析为黑|幕,有什么方法能使标签被解析为正常的背景颜色呢?
方法有两种:
  • 使用Black代替black
  • 用上表的相似颜色代替hex颜色。
  • 用rgb颜色代替hex颜色。
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是蓝色的背景颜色!
看!这不是黑|幕!这是无法被解析的背景颜色!
  1. [backcolor=Black]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
  2. [backcolor=rgb(0, 0, 0)]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
  3. [backcolor=rgb(0, 0, 255)]看!这不是黑[size=0px]|[/size]幕!这是蓝色的背景颜色![/backcolor]
  4. [backcolor=rgba(0, 0, 255, 0.5)]看!这不是黑[size=0px]|[/size]幕!这是无法被解析的背景颜色![/backcolor]
复制代码


声明
[1]web标准色表格来源于网络,原出处
作者Crable_Potion | 2023年4月2日
本文章采用署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN)授权


Lv.5 农夫

人气
10 点
金粒
924 粒
宝石
0 颗
爱心
0 颗
钻石
88 颗
贡献
0 点

Java正版勋章Windows 10正版勋章猪灵勋章石镐矿工勋章

发表于 2024-9-22 16:06:59 | 显示全部楼层
什么!竟然是教程(还是不适用的)

点评

旧MCBBS的教程,23年4月写的,看着(或许)还有用就扔过来了( 至少有个参考价值(笑)  详情 回复 发表于 2024-9-22 19:06
回复

使用道具 举报

Lv.7 猎手

Lv.? 禁止发言

人气
185 点
金粒
123 粒
宝石
0 颗
爱心
0 颗
钻石
557 颗
贡献
1 点

石镐矿工勋章铁镐矿工勋章小麦种勋章骨灰勋章捉虫专家勋章

原

发表于 2024-9-22 18:25:41 | 显示全部楼层
又学会一写可以用于编辑的好代码可以的话我要在wiki里用|

曾经uid:3948493wiki可查
原神uid:299263252官服
本人时区设为pt(太平洋时间)是为了steam
回复

使用道具 举报

Lv.8 考古家

人气
286 点
金粒
2732 粒
宝石
3 颗
爱心
19 颗
钻石
940 颗
贡献
0 点

骨灰勋章石镐矿工勋章铁镐矿工勋章钻镐矿工勋章小麦种勋章Java正版勋章Windows 10正版勋章

 楼主| 发表于 2024-9-22 19:06:07 | 显示全部楼层
Kohsaka_Mayuri 发表于 2024-9-22 16:06
什么!竟然是教程(还是不适用的)

旧MCBBS的教程,23年4月写的,看着(或许)还有用就扔过来了(
至少有个参考价值(笑)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号


Archiver|小黑屋| MCBBS纪念版 ( 新ICP备2024014954号-1|兵公网安备66010002000149号 )|隐私政策| 手机版

GMT+8, 2024-11-15 17:54 , Processed in 0.096826 second(s), 18 queries , Redis On.

"Minecraft"以及"我的世界"为美国微软公司的商标 本站与微软公司没有从属关系

© 2010-2024 MCBBS纪念版 版权所有 本站内原创内容版权属于其原创作者,除作者或版规特别声明外未经许可不得转载

返回顶部