跳到:
内容
类别
搜索
顶部
底部

bbPress造型婴儿床

Codex主页bbPress造型婴儿床

本指南将向您展示新的bbPress论坛中可以使用CSS进行样式设置的区域,以及bbPress插件中使用的类和选择器来对每个区域进行样式设置。

设计论坛

这些可以添加到您的css或bbpress.css的自定义版本中–请参阅设置bbpress论坛的分步指南第2部分了解更多信息。

论坛婴儿床

福鲁玛

bbPress论坛中的所有内容

这是用于bbPress论坛所有部分的CSS。根据需要增加字体大小。

#bbpress论坛{背景:透明;明确:两者都有;边距-底部:20px;溢出:隐藏;字体大小:12px;}

1.论坛页眉和页脚

这是显示标签Author、Posts和Voices等的内容。

#bbpress-forums li.bbp-header、,#bbpress-forums li.bbp-footer公司{背景:#f3f3f3;border-top:1px固体#eee;font-weight:粗体;填充:8px;文本对齐:居中;}#bbpress-forums li.bbp-负责人{背景:#eaeaea;}

2.回复标题

#bbpress-forums div.bbp-reply头{背景色:#f4f4f4;}

3.模板通知信息

div.bbp-模板-通知.info{边框:#cee1ef 1px solid;背景色:#f0f8ff;}

4.主题/回复背景
奇数和偶数的回复有交替的颜色

#bbpress-forums div.even公司,#bbpress-forums ul.even公司{背景色:#fff;}#bbpress-forums div.奇数,#bbpress-forums ul.odd公司{背景色:#fbfbfb;}

如果主题是粘性的或超级粘性的,那么

.bbp-topics-front ul.超级粘稠,.bbp-主题ul.super-sticky,.bpp主题ul.sticky,.bbp-含For量ul.sticky{背景颜色:#ffffe0!重要;字体大小:1.1em;}

自定义关闭主题文本的颜色。

#bbpress-forums.状态-已关闭,#bbpress-forums.status-closed状态关闭{颜色:#ccc;}

线程回复每个线程的边距。

#bbpress-forums ul.bbp-线程重复{左边边距:50px;}

5.各种文本

这些通常是从您的主题继承而来的。

但是,您可以使用

#bbpress论坛。bbp主题内容,#bbpress-forums.bbp-reply内容{字体大小:12px;}

以上代码不在bbpress.css中,因此如果需要,请添加它,或将其放入您的.css中。有关更多信息,请参阅顶部提到的指南

6.管理链接

span.bbp-管理员链接{浮动:右;颜色:#ddd;}span.bbp-admin-links链接{颜色:#bbb;font-weight:正常;字体大小:10px;text-transform:大写;text-decoration:无;}

7.模板通知

div.bbp-模板-通知,div.指示器-hint{边宽:1px;边框样式:实心;填充:0 0.6em;边距:5px 0 15px;边距:3px;背景色:#ffffe0;border-color:#e6db55;颜色:#000;明确:两者都有;}div.bbp-template-notice模板通知{颜色:#555;text-decoration:无;}div.bbp-template-notice a:悬停{颜色:#000;}div.bbp-模板-通知.info{边框:#cee1ef 1px solid;背景色:#f0f8ff;}div.bbp-模板-通知.重要{边框:#e6db55 1px实心;背景色:#fffbcc;}div.bbp-模板通知错误,div.bbp-模板-通知.警告{背景颜色:#ffebe8;border-color:#c00;}div.bbp-模板-通知.错误a,div.bbp-template-notice.warning模板警告{颜色:#c00;}div.bbp-模板-通知p{边距:0.5em 0 6px 0!重要;填充:2px;字体大小:12px;线高:140%;}

8.面包屑和链接颜色
继承自您的主题

9.其他造型特征

9.1提交按钮

寻找一种方法来更改bbpress中的提交按钮,更大,颜色?

#bbpress-forums.提交{背景色:#a0668d;颜色:#FFFFFF;浮动:中心;垂直对齐:中间;边距:10px;高度:35px;宽度:80px;字体大小:18px;}

改变你想要的!

10.从最近的主题小工具和新鲜度中删除头像

.widget_display_topics.bbp-author-avatar(小部件显示主题){显示:无!重要;}.bbp-主题-新鲜-作者.bbp-author-avatar{显示:无!重要;}
跳到工具栏