大白自定义v1.9
说明:布局#body(container)内(首页)最顶部,也是站点头部导航下面。
说明:布局#body(container)内(首页)最底部,也是站点底部页脚上面。
说明:在页面最下面,此处内容不显示,可用于放外联文件,或自定义JS/CSS代码
<script type='text/javascript'>
</script>
注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 首页 生效)
注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 板块页 生效)
注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 主题页 生效)
说明:不在布局container内,即站点头部下面。
说明:添加附件和发表主题行的下一行。
说明:不在布局container内,即站点底部上面。
注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 发表主题页 生效)
例如:
$('#addattach').remove();//不显示添加附件按钮 $('#submit').remove();//不显示发帖按钮
<style type="text/css">
</style>
提示:此处内容是放在<head></head>内的最下面。
注:请填写规范的CSS层叠样式代码(此处填写的代码在所有页面生效)在站点head内
body{background:#333} /*设置网站背景色:黑色*/ #header.bg-inverse{background: rgb(8, 89, 158) !important;} /*设置头部导航背景:蓝色*/ #nav_pc li:nth-child(1){display:none} /*隐藏掉头部导航处网站LOGO小图片*/
注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码在所有页面生效)
$('#nav_pc li[fid="2"]').remove();//头部导航里面移除fid为2的论坛板块 $('#nav_pc li').eq(1).remove();//头部导航里面移除第2个
说明:在<head></head>内,可用于放外联文件,或自定义JS/CSS代码,也是【自定义CSS】的上方
说明:布局body内最上面,和#wrapper是兄弟,但在#wrapper上面。
说明:布局#wrapper内最顶部,即站点头部导航上面。
说明:布局#body(container)内最顶部,也是站点头部导航下面。
说明:布局#body(container)内最底部,也是站点底部页脚上面。
说明:布局#footer上,即站点底部页脚通栏上面。
说明:布局#footer下,即站点底部页脚通栏下面。
说明:页脚Powered by Xiuno BBS 4.0左侧。
<span class="m-r-xs"><a href="#" class="text-muted text-bold">京ICP备10046888号</a></span>
说明:页脚Powered by Xiuno BBS 4.0右侧。
<span class="text-bold m-l-xs">本站官方QQ群:88881111</span>
(默认分栏案例)例如:
<div class="row"> <div class="col-lg-9"> <div class="card card-block">这是左右分栏--左侧</div> </div> <div class="col-lg-3 hidden-md-down"> <div class="card card-block">这是左右分栏--右侧</div> </div></div>
(通栏案例)例如:
<div class="row"> <div class="col-lg-12"> <div class="card card-block">这是通栏</div> </div></div>
#wrapper外层包装(#header 头部,#body(container)主体内容,#footer底部页脚)
<html><head></head><body><div id="wrapper"> <nav id="header"></nav> <!-- 头部导航--> <div id="body" class="container"></div> <!-- 主体内容--> <div id="footer"></div> <!-- 底部页脚--></div></body></html>
(情境文本颜色)例如:
<p class="text-muted">...</p><p class="text-primary">...</p><p class="text-success">...</p><p class="text-info">...</p><p class="text-warning">...</p><p class="text-danger">...</p>
(情境背景色)例如:
<p class="bg-primary">...</p><p class="bg-success">...</p><p class="bg-info">...</p><p class="bg-warning">...</p><p class="bg-danger">...</p>
bootstrap:
/* bootstrap 的默认间距太肥大,增加小间距 */.m-b-sm { margin-bottom: 0.5rem !important } .m-t-sm { margin-top: 0.5rem !important } .m-l-sm { margin-left: 0.5rem !important } .m-r-sm { margin-right: 0.5rem !important } .m-x-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important } .m-y-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important } .p-b-sm { padding-bottom: 0.5rem !important } .p-t-sm { padding-top: 0.5rem !important } .p-l-sm { padding-left: 0.5rem !important } .p-r-sm { padding-right: 0.5rem !important } .p-x-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important } .p-y-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important } .p-a-sm { padding: 0.5rem !important;;}.m-b-xs { margin-bottom: 0.3rem !important } .m-t-xs { margin-top: 0.3rem !important } .m-l-xs { margin-left: 0.3rem !important } .m-r-xs { margin-right: 0.3rem !important } .m-x-xs { margin-left: 0.3rem !important; margin-right: 0.3rem !important } .m-y-xs { margin-top: 0.3rem !important; margin-bottom: 0.3rem !important } .p-b-xs { padding-bottom: 0.3rem !important } .p-t-xs { padding-top: 0.3rem !important } .p-l-xs { padding-left: 0.3rem !important } .p-r-xs { padding-right: 0.3rem !important } .p-x-xs { padding-left: 0.3rem !important; padding-right: 0.3rem !important } .p-y-xs { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important } .p-a-xs { padding: 0.3rem !important; }/* 文字相关的增强 */.icon-1x { font-size: 0.8em; }.text-ellipsis {white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }.text-left { text-align: left !important; }.text-bold { font-weight: bold !important; }.text-grey { color: ($gray-light * 1.375) !important; }.text-middle { font-size: 85% !important; }.small, .text-small { font-size: 75% !important; }.table-fixed { table-layout:fixed !important; }.break-all {word-break: break-all;}.hidden {display: none;}.show {display: '';}.center-block {margin-left: auto; margin-right: auto; display: block;}