站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
BMForum CSS结构说明
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[BMForum|上一页]]</span> <div style="clear:both;"></div> 本文将讲述 [[BMForum]]风格体系的核心——CSS 文件设计说明。 在您设计风格前,您需要有一定的[[CSS]]基础或英语基础,以便读懂设置信息。 以默认风格为例,下面CSS的内容都在位于 images/bsd01/styles.css /* 下面是表格边框控制 */<br/> table{<br/> border-top: 0px;<br/> border-left: 0px;<br/> border-bottom: 2px<br/> }<br/> td{<br/> border-right: 1px;<br/> border-top: 0px;<br/> }<br/> /* 控制[[超级链接]] */<br/> a {<br/> text-decoration:none;<br/> color:#444444;<br/> }<br/> a:hover {<br/> text-decoration:underline;<br/> color:#ff6600;<br/> }<br/> /* 网页背景 */<br/> body{<br/> background-color: #F0F3F8;<br/> }<br/> .bmforum_background{<br/> background-color: #F0F3F8;<br/> }<br/> /* 页脚版权处背景 */<br/> .bmforum_footer_background{<br/> background-color: #F0F3F8;<br/> }<br/> /* 文本框等输入框样式控制 */<br/> p, body, textarea, input, select, option, td{<br/> font-size: 9pt;<br/> font-family: tahoma;<br/> color: #444444;<br/> }<br/> textarea, input, select, option {<br/> border: 1px solid #d2d2d2;<br/> background-color: #F8F8F8;<br/> }<br/> /* 论坛发贴排行榜“作者”“发贴数”等标题字体颜色 */<br/> .title { <br/> color:#ffffff;<br/> }<br/> .title a {<br/> text-decoration:none;<br/> color:#ffffff;<br/> }<br/> .title a:hover {<br/> text-decoration:underline;<br/> color:#ffffff;<br/> }<br/> /* 表格线,暂时不用设置 */<br/> .linetable { <br/> border-top:none; <br/> }<br/> /* 主表格的边框颜色,例如默认风格是灰色的 (基本废止,以tableborder取代,这里主要用于向下兼容) */<br/> .bmbnewstyle { <br/> /* all table's border color, bmforum set a table as a border to contain tables. */<br/> border: 0px solid #444444;<br/> width: 100%;<br/> background-color: #cccccc;<br/> }<br/> .bmbnewstyle_withoutwidth {<br/> /* no width value.same below.nowidth is same*/ <br/> border: 0px solid #444444;<br/> background-color: #cccccc;<br/> }<br/> /* 页顶导航栏的背景色 */<br/> .bmforum_base_menu{<br/> /* navigation menu bar table */<br/> border-left: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> background-color: #EEEEEE;<br/> }<br/> /* 页面导航栏,即您所在的位置那栏 */<br/> .nav_bar_bg {<br/> /* navigation menu bar background */<br/> border: 1px solid #cccccc;<br/> width: 100%;<br/> background-color: #FFFFFF;<br/> }<br/> /* 暂时不用修改 */<br/> .btable {<br/> background-image: url("middle2.gif");<br/> border: 1px solid #537CBC;<br/> }<br/> /* 首页版块名称样式,可控制是否居中 */<br/> .indexalign1 {<br/> /* index forum name align */<br/> text-align :center;<br/> font-weight : bold;<br/> background-color: #537CBC;<br/> } <br/> .indexalign2 {<br/> text-align : center;<br/> background-color: #537CBC;<br/> height: 18px;<br/> } <br/> /* 外表格边框 */<br/> .tableborder {<br/> width: 100%;<br/> background: #d6e0ef; <br/> border: #446A8E 1px solid;<br/> }<br/> .tableborder_withoutwidth {<br/> background: #d6e0ef; <br/> border: #446A8E 1px solid;<br/> }<br/> /* 一些表格的背景颜色,默认为白色 */<br/> .tablebg {<br/> background-color: #FFFFFF;<br/> }<br/> /* 板块内子论坛名称样式,可控制是否居中 */<br/> .forumalign1 {<br/> /* forum page's forum name align */<br/> text-align : center;<br/> } <br/> /* 页码处[[CSS]],下面的分别控制左中右,即总计数,当前页码,可选页码 */<br/> .pagenumber{<br/> /* pages navigation */<br/> width:18px;<br/> text-align:center;<br/> background-color: #537CBC;<br/> width: auto;<br/> color: #FFFFFF;<br/> }<br/> .pagenumber_1{<br/> width:18px;<br/> text-align:center;<br/> background-color: #FFFFFF;<br/> }<br/> .pagenumber_2{<br/> width:18px;<br/> text-align:center;<br/> background-color: #FCFCFC;<br/> }<br/> /* 一些表格的样式设置,如不了解可不更改 */<br/> .btablelow {<br/> background-image: url("middle2.gif");<br/> border-top: 1px solid #537CBC;<br/> border-right: 1px solid #537CBC;<br/> border-bottom: 1px none;<br/> border-left: 1px solid #537CBC;<br/> }<br/> /* 公告栏背景 */<br/> .announcement { /* announcement color */<br/> background-color: #537CBC;<br/> white-space: nowrap;<br/> }<br/> /* 加重、高亮字体颜色 默认帖子标题加重色 */<br/> .jiazhongcolor{ /* bolder color */<br/> color: #444444;<br/> }<br/> .jiazhongcolor a {<br/> text-decoration:none;<br/> color:#444444;<br/> }<br/> .jiazhongcolor a:hover {<br/> text-decoration:underline;<br/> color:#ff6600;<br/> }<br/> /* 非 forums.php 的主题列表背景设置,1、2设置不同起间隔效果 */<br/> .list_color1{<br/> /* threads list color 1 */<br/> background-color: #ffffff;<br/> }<br/> .list_color2{<br/> /* threads list color 2 */<br/> background-color: #FCFCFC;<br/> }<br/> /* 表格边框颜色 */<br/> .bordercolor{<br/> border-color: #CCCCCC;<br/> }<br/> .bordercolor_right{<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .bordercolor_left{<br/> border-left: 1px solid #CCCCCC;<br/> }<br/> .bordercolor_top{<br/> border-top: 1px solid #CCCCCC;<br/> }<br/> .bordercolor_all{<br/> border: 1px solid #CCCCCC;<br/> }<br/> .bordercolor_background{<br/> background-color: #CCCCCC;<br/> }<br/> .topic_bordercolor_px{<br/> border: 1px solid #CCCCCC;<br/> border-top:none;<br/> background-color: #FFFFFF;<br/> }<br/> /* “重要主题”“论坛主题” 边框、背景 */<br/> .importtopic_border{ /* Importance Threads Tips Table */<br/> border: 1px solid #CCCCCC;<br/> border-top:none;<br/> width: 100%;<br/> }<br/> .tablebg_important_topic {<br/> background-color: #FFFFFF;<br/> text-align: center;<br/> }<br/> /* “重要主题”“论坛主题” 文字 */<br/> .important_topic_split{<br/> color: #444444;<br/> font-weight : bold;<br/> }<br/> .bordercolor_top_right{<br/> border-top: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> /* 控制绝大多数表格宽度 */<br/> .tablewidth{<br/> /* all tables width */<br/> width: 100%;<br/> }<br/> /* 论坛顶部背景 */<br/> .background_color{<br/> background-color: #537CBC;<br/> }<br/> /* 分类、 “今日过生日的会员 (共 1 人)”、 “论坛在线统计 [详细]”等字样所在表格行的背景颜色/图片 (主项背景颜色/图片),均以tile_back开头 */<br/> .tile_back_nowidth{<br/> background-color: #537CBC;<br/> }<br/> .tile_back_title{<br/> color: #FFFFFF;<br/> background-color: #537CBC;<br/> width: auto;<br/> }<br/> .tile_back_tablewidth{<br/> width: 100%;<br/> background-color: #537CBC;<br/> }<br/> .tile_back_color{<br/> /* <tr><td> background for a title */<br/> background-color: #537CBC;<br/> width: auto;<br/> }<br/> /* 在线列表背景 */<br/> .tile_back_online{<br/> background-color: #537CBC;<br/> width: auto;<br/> }<br/> .tile_back_online_2{<br/> background-color: #537CBC;<br/> text-align: center;<br/> width: auto;<br/> }<br/> /* 版块规则背景 */<br/> .tile_back_rule{<br/> background-color: #537CBC;<br/> width: auto;<br/> }<br/> /* 读帖时背景 */<br/> .tile_back_readpost{<br/> background-color: #537CBC;<br/> border-right: 1px solid #CCCCCC;<br/> text-align: center;<br/> height: 22px;<br/> width: 20%;<br/> }<br/> /* 短信背景,如“快捷菜单” */<br/> .tile_back_pm{<br/> background-color: #537CBC;<br/> }<br/> .tile_back_menu_pm{<br/> background-color: #FFFFFF;<br/> height: 10px;<br/> }<br/> /* 用于显示首页版块介绍等表格的背景 */<br/> /* 背景1 */<br/> .forumcoloronecolor {<br/> /* forum display color 1*/<br/> background-color: #ffffff;<br/> }<br/> .forumcoloronecoloronly {<br/> background-color: #ffffff;<br/> width: 100%;<br/> }<br/> .forumcolorone_align{<br/> background-color: #FFFFFF;<br/> text-align: left;<br/> }<br/> .forumcolorone_ex{<br/> background-color: #FFFFFF;<br/> text-align: center;<br/> height: 42px;<br/> }<br/> /* 背景2 */<br/> .forumcolortwo {<br/> background-color: #ffffff;<br/> text-align: center;<br/> }<br/> .forumcolortwo_noalign{<br/> /* forum color 2 */<br/> background-color: #FFFFFF;<br/> }<br/> /* 当鼠标移动到该表格后,样式改变为下面所定 */<br/> .forumcolor_onmouseover{<br/> /* onmouseover forumcolor */<br/> background-color: #FCFCFC;<br/> }<br/> /* 横列广告背景设置(黄金广告位)*/<br/> .row_ads{<br/> /* ads */<br/> background-color: #ffffff;<br/> text-align: center;<br/> }<br/> /* 首页等显示的“最后更新” 处内容文字样式 */<br/> .indexsummaryalgin {<br/> /* index latest post */<br/> text-align: left;<br/> }<br/> /* 次要颜色,建议修改为和forumcolorone或forumcolortwo样式一样 */<br/> .subcolor {<br/> /* some table's background */<br/> background-color: #FFFFFF;<br/> }<br/> /* 历史遗留变量,为兼容一些插件请修改为和tile_back的颜色一样 */<br/> .cautioncolor {<br/> /* text on subcolor's table */<br/> color: #537CBC;<br/> }<br/> .cautioncolor a {<br/> text-decoration:none;<br/> color:#537CBC;<br/> }<br/> .cautioncolor a:hover {<br/> text-decoration:underline;<br/> color:#537CBC;<br/> }<br/> /* 分类、 “今日过生日的会员 (共 1 人)”、 “论坛在线统计 [详细]”等字样的颜色(主项颜色)*/<br/> .categoryfontcolor_font{<br/> /* category link font */<br/> color: #FFFFFF;<br/> font-weight : bold;<br/> }<br/> .categoryfontcolor_font a {<br/> text-decoration:none;<br/> color:#FFFFFF;<br/> }<br/> .categoryfontcolor_font a:hover {<br/> text-decoration:underline;<br/> color:#FFFFFF;<br/> }<br/> .categoryfontcolor_normal{<br/> /* no text-decoration */<br/> color: #FFFFFF;<br/> }<br/> .categoryfontcolor_normal a {<br/> text-decoration:none;<br/> color:#FFFFFF;<br/> }<br/> .categoryfontcolor_normal a:hover {<br/> text-decoration:underline;<br/> color:#FFFFFF;<br/> }<br/> /* 页顶导航栏的背景色 */<br/> .titlecolor{<br/> /* some table's background */<br/> background-color: #EEEEEE;<br/> }<br/> /* 首页上“讨论区名称 主题数 回复数 最后更新 版主”等表格,此行文字颜色 */<br/> .titlefontcolor{<br/> color:#444444;<br/> }<br/> .titlefontcolor a{<br/> text-decoration:none;<br/> color:#444444;<br/> }<br/> .titlefontcolor a:hover {<br/> text-decoration:underline;<br/> color:#444444;<br/> }<br/> .titlefontcolor_row_forum{<br/> color:#444444;<br/> }<br/> /* “本版规则” 文字颜色*/<br/> .rule_title_font{<br/> color: #FFFFFF;<br/> }<br/> /* 主题列表(forums.php)等页面,显示多页主题时,主题页码连接的样式 */<br/> .forum_page_links{<br/> font-size:7pt;<br/> font-family:verdana;<br/> }<br/> .forum_page_links a {<br/> text-decoration:none;<br/> font-size:7pt;<br/> font-family:verdana;<br/> }<br/> .forum_page_links a:hover {<br/> text-decoration:underline;<br/> font-size:7pt;<br/> font-family:verdana;<br/> }<br/> /* 版块描述样式 */<br/> .forumdescolor{<br/> color:#444444;<br/> }<br/> /* 版块名称 */<br/> .forumnamecolor{<br/> font-family:verdana;<br/> color: #444444;<br/> }<br/> .forumnamelink a {<br/> text-decoration:none;<br/> color:#444444;<br/> }<br/> .forumnamelink a:hover {<br/> text-decoration:underline;<br/> color:#ff6600;<br/> }<br/> /* 消息框的表格头背景,如“消息:您还没有登陆”(Global.php CSS) */<br/> .msg_box_categoryfontcolor{<br/> /* message box text color */<br/> color: #FFFFFF;<br/> }<br/> /* 主题列表(forums.php),主题背景样式,1/2为间隔效果 */<br/> .forum_border_1{<br/> background-color: #FFFFFF;<br/> border-left: 1px solid #CCCCCC;<br/> border-bottom: 1px solid #CCCCCC;<br/> }<br/> .forum_border_2{<br/> background-color: #FCFCFC;<br/> border-left: 1px solid #CCCCCC;<br/> border-bottom: 1px solid #CCCCCC;<br/> }<br/> .forum_border_3{<br/> background-color: #FCFCFC;<br/> border-left: 1px solid #CCCCCC;<br/> border-bottom: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .thread_list_border{<br/> border-left: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> border-bottom: 1px solid #CCCCCC;<br/> }<br/> /* 当鼠标移动到该表格时,样式变化为下面指定 */<br/> .forum_border_2_onmouseover{<br/> background-color: #FCFCFC;<br/> border-left: 1px solid #CCCCCC;<br/> border-bottom: 1px solid #CCCCCC;<br/> }<br/> <br/> /* 显示帖子时背景颜色,1/2为间隔效果 */<br/> .article_color1{<br/> background-color: #ffffff;<br/> }<br/> .article_color2{<br/> background-color: #FCFCFC;<br/> }<br/> .article_color1_memberinfo{<br/> background-color: #ffffff;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .article_color2_memberinfo{<br/> background-color: #FCFCFC;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .article_color1_timeline{<br/> background-color: #ffffff;<br/> border-top: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .article_color2_timeline{<br/> background-color: #FCFCFC;<br/> border-top: 1px solid #CCCCCC;<br/> border-right: 1px solid #CCCCCC;<br/> }<br/> .article_color1_bottombar{<br/> background-color: #ffffff;<br/> border-top: 1px solid #CCCCCC;<br/> }<br/> .article_color2_bottombar{<br/> background-color: #FCFCFC;<br/> border-top: 1px solid #CCCCCC;<br/> }<br/> /* 快速回复 */<br/> .article_color1_fast_reply{<br/> background-color: #ffffff;<br/> border-left: 1px solid #CCCCCC;<br/> }<br/> .article_color2_fast_reply{<br/> background-color: #FCFCFC;<br/> border-left: 1px solid #CCCCCC;<br/> }<br/> .article_color1_reply_content{<br/> background-color: #FFFFFF;<br/> border: 1px solid #CCCCCC;<br/> border-bottom:none;<br/> border-right:none;<br/> }<br/> .article_color2_reply_content{<br/> background-color: #FCFCFC;<br/> border: 1px solid #CCCCCC;<br/> border-bottom:none;<br/> border-right:none;<br/> }<br/> /* topic.php 内主题标题背景 */<br/> .topic_title{<br/> background-color: #FFFFFF;<br/> table-layout: fixed;<br/> word-wrap: break-word;<br/> border: 1px solid #CCCCCC;<br/> }<br/> /* 帖子内发帖者名 样式 */<br/> .author_name{<br/> color: #444444;<br/> font-size: 14px;<br/> font-weight: bold;<br/> }<br/> /* 签名处样式,可控制最大签名高度 */<br/> .signature_div{<br/> max-height: 18em;<br/> overflow: hidden;<br/> }<br/> /* 主题内“引用” “收藏” “报告” 背景和文字样式,1/2为间隔效果 */<br/> .toolbox_thread_1 {<br/> height:16px;<br/> width:auto;<br/> text-align:center;<br/> background-color:#FFFFFF;<br/> }<br/> .toolbox_thread_2 {<br/> height:16px;<br/> width:auto;<br/> text-align:center;<br/> background-color: #FCFCFC;<br/> }<br/> /* [quote] 引用代码 “层”样式 */<br/> .quote_dialog {<br/> background-color: #FFFFFF;<br/> margin: 5px;<br/> padding: 8px;<br/> border: 1px solid #CCCCCC;<br/> }<br/> /* 文章模式显示主题 页面背景 */<br/> .article_background{<br/> background-color: #F0F3F8;<br/> width: 100%;<br/> }<br/> /* 文章标题 */<br/> .article_headline{<br/> font-size: 14px;<br/> font-weight: bold;<br/> }<br/> /* 文章信息,如 阅读:XX 次 */<br/> .article_information{<br/> font-size: 14px;<br/> }<br/> /* 文章内容 */<br/> .article_content{<br/> font-size: 14px;<br/> }<br/> /* “引用该文 | 发表评论 | 转寄该文 | 关闭窗口”背景 */<br/> .article_toolbar_row{<br/> background-color: #537CBC;<br/> height: 28px;<br/> width: 100%;<br/> border: 1px solid #CCCCCC;<br/> }<br/> <br/> /* 短消息设置 */<br/> /* 短信列表背景颜色 */<br/> .pm_list_bgcolor{<br/> background-color: #FFFFFF;<br/> }<br/> /* 短信“使用状态”背景 */<br/> .status_pm{<br/> background-color: #FFFFFF;<br/> height: 40px;<br/> }<br/> /* 短信使用率样式 */<br/> .status_progress_pm{<br/> background-color: #537CBC;<br/> }<br/> .status_progress_blank_pm{<br/> background-color: #FFFFFF;<br/> }<br/> /* “快捷操作”等文字颜色 */<br/> .title_color_pm{<br/> color: #FFFFFF;<br/> }<br/> /* 短信“使用状态”边框 */<br/> .pm_status_border{<br/> border: 1px solid #FFFFFF;<br/> width: 95%;<br/> }<br/> /* [[JavaScript]]菜单,即“ 论坛信息”等处的悬停菜单 */<br/> .gray {<br/> cursor:pointer;<br/> }<br/> .menuskin {<br/> border: 1px solid #CCCCCC;<br/> visibility: hidden;<br/> font: 12px verdana;<br/> position: absolute; <br/> background-color:#ffffff;<br/> background-image:url("menubg.gif");<br/> background-repeat : repeat-y;<br/> }<br/> .menuskin a {<br/> padding-right: 10px;<br/> padding-left: 25px;<br/> color: black;<br/> text-decoration: none;<br/> }<br/> <nowiki>#</nowiki>mouseoverstyle {<br/> background-color: #FFFFFF;<br/> margin:2px;<br/> padding:1px;<br/> border:1px solid #CCCCCC;<br/> }<br/> <nowiki>#</nowiki>mouseoverstyle a {<br/> color: #444444;<br/> }<br/> .menuitems{<br/> margin:2px;<br/> padding:2px;<br/> word-break:keep-all;<br/> }<br/> /* 快速回复表格样式 */<br/> table#fastreply {<br/> border: 1px solid #CCCCCC;<br/> border-top:none;<br/> }<br/> /* 快速表情选择菜单 */<br/> .fast_emot_selector{<br/> overflow: auto;<br/> left:595px;<br/> position:absolute;<br/> width:auto;<br/> height:110px;<br/> z-index:1111;<br/> background-color: #FCFCFC;<br/> border: 1px solid #CCCCCC;<br/> visibility:hidden;<br/> padding-left:5px;<br/> padding-top:3px;<br/> padding-bottom:3px;<br/> padding-right:5px<br/> }<br/> .post_emot_selector{<br/> width:170px;<br/> height:110px;<br/> z-index:8;<br/> overflow: auto;<br/> clip: rect(50 0 0 50);<br/> }<br/> /* 发帖时“设置选项”菜单 */<br/> .post_options {<br/> position:absolute;<br/> width:370px;<br/> height:auto;<br/> z-index:1;<br/> background-color: #FCFCFC;<br/> border: 1px solid #CCCCCC;<br/> visibility:hidden;<br/> padding-left:10px;<br/> padding-top:10px;<br/> padding-bottom:10px;<br/> padding-right:10px;<br/> }<br/> /* FAQ 帮助表格 */<br/> .faq_table{<br/> width: 100%;<br/> background-color: #CCCCCC;<br/> border: 0;<br/> }<br/> .faq_table_tr{<br/> height: 22px;<br/> background-color:#537CBC;<br/> }<br/> /* 跳转页面(如“发表成功”)“层”的位置和样式*/<br/> <nowiki>#</nowiki>redirectwrap{<br/> margin: 150px auto 0 auto;<br/> text-align: left;<br/> width: 500px;<br/> align:center;<br/> }<br/> /* 帖子内容层 */<br/> .content_div{<br/> overflow-x: auto;<br/> }<br/> ==相关条目== *[[Discuz]] *[[phpBB]] *[[PHPWind]] ==参考来源== *[http://wiki.bmforum.com/CSS%E7%BB%93%E6%9E%84%E8%AF%B4%E6%98%8E 参考来源] [[category:BMForum|C]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)