Skip to content

MyBB主题CSS深度研究报告 vol.2

经过两日沉寂之后,今日继续探索MyBB的主题构成并着手更改。从上次中断的global.css中第361行继续。

table:一个HTML5标志,旗下有着不少各自类的板块主体。看起来只有字体颜色与字体大小的设置。
.tborder:板块主体。数量根据MyBB后台的版块配置数量而定。
.thead:板块主体的头部。默认MyBB使用了蓝色的长1px图片配置。
.thead a等:板块主体的链接配置。
.tcat:板块主体头部以下,“论坛 主题 帖子 最后发表”那一栏的配置。默认选用了黑色1px长的图片进行配置。
.tcat a等:同上…的链接配置,大概,因为看不出来有什么链接…都是#ffffff的白色。
.trow1:具体显示板块信息的行,奇数行。
.trow2:具体显示板块信息的行,偶数行。
.trow_shaded:不明,似乎是红色的版块…应该是警告/错误之类的,默认就挺不错的。
.no_bottom_border:应该是没有板块的分区的样式…大概。
.post.unapproved_post:同样…应该是一个警告/错误框,同样保留默认样式(红色)。
.thread_start_datetime:不明…默认是灰色的字体。
.post.unapproved_post .post_author:警告/错误框中的…边框?默认为红色。
.post.classic.unapproved_post .post_author:警告/错误框(的经典版)的边框?默认为红色。
.post.unapproved_post .post_controls:警告/错误框中的…顶部?依旧是同样的红色。
.trow_selected,tr.trow_selected td:选择帖子的时候,帖子选择状态下的背景色/前景色等。
.trow_selected a等:同上,的链接配置。
.trow_sep:帖子列表页面中的“论坛公告”,“重要主题”,“普通主题”等行的配置。
.tfoot:所有板块/帖子列表最下层那一行的配置。
.tfoot a等:同上,中的链接配置。
.thead input.textbox,.thead select:应该是页面顶部输入框的配置,默认只设定了一个边框属性…
.bottommenu:帖子列表页面底部,显示帖子页数的按钮选中时候的样子…的配置。
.navigation:页面顶部的导航的配置。
.navigation a等:同上,的链接配置。
.navigation .active:页面顶部的导航(显示当前所在位置的一行字)的配置。
.smalltext:应该是页面间小字的配置,默认只配置了小字字体大小。
.largetext:应该是页面间大字体的配置,配置了大字体的大小及粗体。
fieldset等:只找到了页面顶部的”搜索“左面的文本框…只有边框及边际距离的配置。
input.textbox:非主题回复框的其他文本框的配置。
input.textbox.portal_search:应该是框内文本的…不明。只给定了长度为68%。
textarea:回复帖子使用的文本框的配置。
select:页面上所有选择框(点击之后从列表中选择选项)的样式配置。
button,input.button:页面上所有按钮的样式配置,大概。
button:hover,input.button:hover:所有按钮被指向(选择)的时候。
form:帖子/板块/主论坛页面的主体。
input.error,textarea.error,select.error:输入错误时的提示框配置。保持默认。
input.valid, textarea.valid, select.valid:输入完成时的提示框配置(大概——根据边框色为绿色来推测),保持默认。
label.error:…选择框错误?时的配置,说实话不懂。
form #message:帖子阅读页面下部的快速回贴框的配置。
.editor:(推测为)帖子编辑页面中的编辑部分。
.editor_control_bar:(推测为)帖子编辑页面中工具栏的部分。
.post .editor_control_bar:(推测为)同上以及编辑框部分。
.popup_menu:(推测为)具体帖子的弹出菜单?平时不显示。
.popup_menu .popup_item(:hover):同上。
.trow_reputation_positive:不明…颜色是绿色。
.trow_reputation_negative:不明…颜色是红色。
.reputation_positive:帖子浏览页面中表示声望的数字。
.reputation_neutral:帖子浏览页面中表示声望为0时的数字。
.reputation_negative:帖子浏览页面中,应该是表示声望为负值时的数字。
.repbox:不明…应该是一个文本框。
._neutral,._minus,._plus:分别是灰色,红色与绿色,但作用均不明。暂且均保留默认属性。
img:页面上所有图片的配置。
img.attachment:作为附件的图片的显示配置。
hr:所有页面上的水平线的配置。
.clear:清除浮动元素专用的属性。
.float_left:设置浮动元素为左侧的属性。
.float_right:设置浮动元素为右侧的属性。
.hidden:隐藏元素的属性。
.hiddenrow:同上,但可能会保留元素所占位置。
.selectall:选择所有帖子?的属性。至少被配置成为了黄色的框。
.expcolimage:显示/隐藏板块等的按钮配置,但是奇怪的是,没有url给定图片地址的属性…
.tcat_menu > .expcolimage:…奇怪,经过分析,看上去expcolimage并非包含在tcat_menu之下…
blockquote:引用框的配置。
blockquote cite:引用框的标题。
blockquote cite > span,blockquote cite span.highlight:引用框标题右侧的时间戳。
.codeblock等:帖子内容——代码框的相关配置。
.smilie:表情相关配置。
.smailie_pointer:鼠标移至表情上面的时候的相关配置。
.separator:分隔符相关配置,大概。
.popup_menu .popup_item_container:前面介绍过了。
.popup_menu .popup_item:前面介绍过了。
.popup_menu a.popup_item:hover:同上,指向这个元素的时候,但是这个元素没有显示…一般情况之下。
.subject_new:…新标题?默认只给定了粗体。
.highlight:高光文本的颜色与其他配置。默认的就好。

今日暂且就这些…探索至了global.css中的881行。后天继续。附注更新过的global.css中设定的CSS变量列表。

:root{--threadbgcolor:rgba(2, 36, 13, 0.5);
      --barbgcolor:rgba(2, 36, 13, 0.25);
      --barbgcolorb:rgba(6, 8, 55, 0.25);
      --buttoncolor:rgb(2, 36, 13);
      --agreencolor:#00ef2b;
      --avisitedgreencolor:#35ff59;
      --textcolor:#e5ffe3;
      --barbgcolorlight:rgb(119, 227, 154);
      --textcolordark:#0c441e;
      --bluecolor:#123490;}
Published in各种教程

Be First to Comment

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

4 × 2 =