【Discuz X1.5】公告栏美化插件

dly · 发表于 2011-4-17 12:10:08

首先打开template/default/forum/discuz.htm
查找：

<div id="an" class="bm bw0 ">
<dl class="cl">
<dt class="z xw1">{lang announcements}: </dt>
<dd>
<div id="anc" class="xi2"><ul id="ancl">$announcements</ul></div>
</dd>
</dl>
</div>
<script type="text/javascript">announcement();</script>

复制代码

替换为：

<div id="an" class="bm bw0 noticebg">
<dl class="cl">
<dt class="z xw1">{lang announcements}: </dt>
<dd>
<div id="anc" class="xi2"><ul id="ancl">$announcements</ul></div>
</dd>
</dl>
</div>
<script type="text/javascript">announcement();</script>

复制代码

也就是将<div id=\"an\" class=\"bm bw0 \">改为<div id=\"an\" class=\"bm bw0 noticebg\">
将下面的附件上传到static/image/common/

然后打开 template/default/common/common.css
请将下面代码加入任意地方

/*公告*/
.noticebg{ background:url({STYLEIMGDIR}/gg.png) repeat-x; height:31px; margin:5px 0;border-left:1px solid #E0D8BD!important;border-right:1px solid #E0D8BD!important; overflow:hidden}
.noticebg dl{padding:6px 30px;height:31px;overflow:hidden;background:url({STYLEIMGDIR}/anc.png) 12px 9px no-repeat; color:#94824A;}
.noticebg dl a{padding-right:.5em; color:#94824A;}

复制代码

最后去后台更新缓存，完毕。。。

美化图片下载：

游客，如果您要查看本帖隐藏内容请回复

撂哥 · 发表于 2011-4-17 13:23:15

看看如何

撂哥 · 发表于 2011-4-17 13:23:47

效果图呢？

huiaiqi14 · 发表于 2011-4-18 01:02:32

<div id=\"an\" class=\"bm bw0 \">
<dl class=\"cl\">
<dt class=\"z xw1\">{lang announcements}: </dt>
<dd>
<div id=\"anc\" class=\"xi2\"><ul id=\"ancl\">$announcements</ul></div>
</dd>
</dl>
</div>
<script type=\"text/javascript\">announcement();</script>

歪曲事实 · 发表于 2011-4-18 11:57:26

queechou · 发表于 2011-4-19 11:19:18

没有演示的图片吗?

光光Toby · 发表于 2011-4-19 13:42:53

下载后看看，主要还是有张效果图可以直观了解到插件形态

淡墨色爆料 · 发表于 2011-4-19 13:42:54

楼主我爱你~~！！太强大了

seesee · 发表于 2011-4-19 14:30:28

先看看小故土

林舞壹玖 · 发表于 2011-4-19 23:03:16

我提个小建议，首先感谢1314论坛奉献出这么多的人性化插件，但我发现一个问题，站长发的好多帖子，没有演示的图片，有了演示图片后大家才可以看到是什么效果

[代码修改] 【Discuz X1.5】公告栏美化插件

相关帖子