·········演示站： www.fz1993.com （你看到的可能稍有不同，因为这款风格一直在不断的升级当中，请放心使用，升级很简单）
风格名称：新DISCUZ风格
风格版本： V1.0
针对程序：Discuz 5.0.0
发布日期：2006.10.3
作者：子扬以及所有为这款风格提过建议和意见的朋友们（见下面）
说明：
很多朋友对DISUCZ论坛的默认风格存在一些看法，可能是仁者见仁、智者见智吧。一直以来，我认为yahoo的网站风格不愧一个大站的典范，鲜明的色彩搭配但不失庄重，既活泼同时又有大站的风范。所以，这次参照yahoo的色彩整体感觉，制作了这款风格。
我的想法是，在目前与discuz有竞争力的论坛程序中，动网论坛，娱乐化的插件很多，风格多彩多样，但是官方论坛的颜色搭配一直是蓝色的不变，phpwind的颜色，过于保守，一个技术性强的论坛，不一定要把自己的色彩变得过于庄重，没有这个必要，做电脑技术的、做购物的、做软件下载的、甚至做新闻类的，都可以把色彩搭配变得鲜亮一些，活泼一些，但是一个很重要的就是庄重，不是说活泼就是左边一个图片，右边一个flash，那样做，我个人的感觉很乱，一般不会留住人，因为，来客不知道明天左边的图片没有了，后天是不是网站也会没有了，还是有一个固定的，可以长久用下去的风格。
其他的话：
这款风格征求意见的帖子在这里，目前已经搞一段落了，这款风格，我不想做成一个单独的风格，而是我们大家集思广益，共同美化出来的一款风格，也可以作为一个让大家能够长久放心用下去的风格。
感谢下面的朋友对这款风格提出了建设性的意见：
hotsky mms2002 香水有毒 hotsky leshow figokm ladyqd joykiller rextsang shichg NNXK.CN xky691 风幻蓝 pocoo 浮云1 碧水无波 pocoo 没尾巴狗狗 langhusq zdd616 Mr.悟空 缘亦如此 weishao 血之契约 还有在那个测试论坛上注册的几位朋友，不知道是谁的马甲
还有很多提供帮助的朋友，不再一一谢过了~~！
（之所以一些朋友提的意见采纳了，一些没有采纳，其实都是经过我慎重思考的，我还是那句话，一款风格最重要的是什么？对于制作的人来说，是新意和漂亮，对于使用的朋友来说，是方便。很多效果可以实现，但是，如果将来升级，或是你自己做一些修改的话，你可能不知道我修改过文件的那些地方了，可能造成很多不便，所以，修改最少的文件，以达到最好的效果，是最重要的，所以，这次尽量的去给大家一个干净的V1.0版本，其他的一些美化，我会陆续给一些说明，相加的朋友可以自己加上）
演示见下图：
————————————————————————————————————————————————————
V2.0 即将更新内容：
（由于很多朋友催促，先放出来风格，其实还有一些正在继续美化中）
1. 根据论坛风格，短信提示的位置将会变化，适合这款风格。
2. 用框架形式实现左右分栏效果
3. 发帖按钮的美化
4. 还有很多..........
[ 本帖最后由 子扬 于 2006-10-4 22:38 编辑 ]
Webpage.jpg
newdiscuz1004.rar
(2006-10-04 22:35:50, Size: 110 KB, Downloads: 3596)
最新回复
１．顶部导航图片使用说明：
顶部导航图片共6个，大家可以根据自己的需要进行替换，但是如果更换的新图片的尺寸和原来的不一样，需要调整一下header.htm文件中这几个图片的大小即可。
顶部的文字导航，大家可以编辑header.htm文件，把里面的 a href="你的链接地址" 中的你的链接地址 换成你需要的地址即可。
2. 顶部的广告怎么到了公告栏的下面？
由于这款风格顶部已经被导航按钮占据了，所以，将顶部的广告放到了公告栏的下面，如果你觉得不需要再显示顶部的广告了，那么就按以下步骤操作：
打开风格模板文件夹中的discuz.htm文件，查找
CODE:
<!--{if !empty($advlist['headerbanner'])}--><div style="clear: both; margin-top: 5px;">
<div class="spaceborder" style="width: {TABLEWIDTH}">
<table cellspacing="1" border="0" cellpadding="{TABLESPACE}" width="100%" style="background: {BGBORDER}">$advlist[headerbanner]</table>
</div><br></div>
<!--{/if}-->
删除以上代码，就可以去掉顶部的广告显示了
3. 怎样实现公告栏下面的图片滚动显示？
呵呵，这个其实很简单，道理如下：
因为上面说了，我把顶部的广告放到了公告栏的下面，那么利用这个广告栏的位置，就可以轻松实现滚动图片效果。方法如下：
后台——其他设置—— 广告管理——头部横幅广告——广告代码 填入以下代码：
CODE:
<TABLE cellSpacing=0 cellPadding=0 width=98% align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1200" height="90" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/002.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/003.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/004.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/005.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/006.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/007.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/008.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/009.gif" width="120" height="90"></a></td>
<td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" src="http://www.fz1993.com/images/demo/010.gif" width="120" height="90"></a></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=50//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
其中 a href="http://www.fz1993.com/forumdisplay.php?fid=4 代表的是每张图片的链接地址
src="http://www.fz1993.com/images/demo/001.gif 代表的是图片的地址
这样，利用广告栏+html代码，就可以轻松实现很多效果。比如，翻页或是那种FLASH的效果显示，很简单就可以实现，不用去编辑模板文件了。呵呵
这个方法的确不错，授人以鱼不如授人以渔嘛
4．不喜欢帖子列表和帖子显示的怎么办？
不喜欢帖子列表页面的设置的话，可以部上传forumdisplay.htm。
不喜欢帖子页面的朋友，可以不上传viewthread.htm。
[ 本帖最后由 子扬 于 2006-10-3 22:01 编辑 ]
注：我的顶部广告就是用的导航图片代码，所以是这个效果
[ 本帖最后由 子扬 于 2006-10-3 22:27 编辑 ]
demo2.gif
(2006-10-03 22:16:23, Size: 5.42 KB, Downloads: 1577)
2006-10-3 20:52 更新方法：请之前的朋友重新下载，覆盖其中的templates\discuz\forumdisplay.htm
修正说明：1280*1024分辨率下显示的问题
2006-10-4 22:37 更新方法1：请之前的朋友重新下载，覆盖其中的templates\discuz\header.htm
templates\discuz\viewthread.htm
修正说明：修正帖子页面“宣传”按钮图片失效的bug
修正登陆前后菜单字体粗细变化的bug (感谢 i.Seven )
更新方法2：如果你已经对两个模板进行了修改，那么请参照下面的方法手动修改：
修改header.htm文件，参照112楼帖子
修改viewthread.htm文件，查找
CODE:
images/copy.gif改成CODE:
{IMGDIR}/copy.gif即可[ 本帖最后由 子扬 于 2006-10-4 22:50 编辑 ]
占位
我讨厌8个字的限制！
[ 本帖最后由 5801805 于 2006-10-3 20:58 编辑 ]