彩色新闻条 [教程]

[admin]

MyBB社区论坛主页上方有几个彩色的最近更新或者重要的公告条。这可以通过一个简单的模板修改实现.
如下：

首页部分
只在首页显示此彩色新闻条,请按照如下步骤:
1.在MyBB1.4.x中,管理员控制面板 --> 模板和风格 --> 模板 --> *展开您的模板集* --> 首页模板 --> index. 对于MyBB 1.2.x, 管理员控制面板 --> 模板 --> 修改 / 删除 --> 展开您的模板集 --> 首页模板 --> index
2.查找:

代码:

{$headerinclude}

3.在后面添加:

代码:

<style type="text/css">
.newsbar {
    background: #D6ECA6;
    border-top: 2px solid #8DC93E;
    border-bottom: 2px solid #8DC93E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

4.如果你愿意的话,可以改变上面的颜色代码为你想要的.
5.查找:

代码:

{$header}

6.在后面添加:

代码:

<p class="newsbar">Your Important Announcement Here</p>

对于多个彩色新闻条，重复步骤6 。对于多个新闻条不同的颜色，您需要重复CSS代码段以不同的类别名称（例如。 newsbar_red ），并改变相应的CSS颜色。然后，您可以在需要的地方使用

代码:

<p class="newsbar_red">...</p>

全局部分
在所有页面显示此彩色新闻条,请按照如下步骤:
1.在MyBB1.4.x中,管理员控制面板 --> 模板和风格 --> 模板 --> *展开您的模板集* --> 未归类模板 --> headerinclude. 对于MyBB 1.2.x, 管理员控制面板 --> 模板 --> 修改 / 删除 --> 展开您的模板集 --> headerinclude
2.在模板最下面添加:

代码:

<style type="text/css">
.newsbar {
    background: #D6ECA6;
    border-top: 2px solid #8DC93E;
    border-bottom: 2px solid #8DC93E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

3.如果你愿意的话,可以改变上面的颜色代码为你想要的.
4.在MyBB1.4.x中,管理员控制面板 --> 模板和风格 --> 模板 --> *展开您的模板集* --> 顶部模板 --> header. 对于MyBB 1.2.x, 管理员控制面板 --> 模板 --> 修改 / 删除 --> 展开您的模板集 --> header
5.在模板最下面添加:

代码:

<p class="newsbar">Your Important Announcement Here</p>

对于多个彩色新闻条，重复步骤5 。对于多个新闻条不同的颜色，您需要重复CSS代码段以不同的类别名称（例如。 newsbar_red ），并改变相应的CSS颜色。然后，您可以在需要的地方使用

代码:

<p class="newsbar_red">...</p>

当然,您也可以将CSS代码添加到相应主题中的CSS文件中,然后再修改相应的模板,多多探索MyBB吧,会发现很多其它论坛程序所不具有的优点特点哦~

[中华强国论坛]

这个也不错啊！