新DISCUZ风格v1.0版正式发布！[更新：2006-10-4 22:35]

子扬

········更新说明在4楼！
·········演示站： 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 编辑 ]

子扬

:)出一款风格，就要负责到底！

１．顶部导航图片使用说明：
        顶部导航图片共6个，大家可以根据自己的需要进行替换，但是如果更换的新图片的尺寸和原来的不一样，需要调整一下header.htm文件中这几个图片的大小即可。
         顶部的文字导航，大家可以编辑header.htm文件，把里面的 a href="你的链接地址"  中的你的链接地址  换成你需要的地址即可。


2.   顶部的广告怎么到了公告栏的下面？
       由于这款风格顶部已经被导航按钮占据了，所以，将顶部的广告放到了公告栏的下面，如果你觉得不需要再显示顶部的广告了，那么就按以下步骤操作：

      打开风格模板文件夹中的discuz.htm文件，查找

1. <!--{if !empty($advlist['headerbanner'])}-->
   
2. <div style="clear: both; margin-top: 5px;">
   
3. <div class="spaceborder" style="width: {TABLEWIDTH}">
   
4. <table cellspacing="1" border="0" cellpadding="{TABLESPACE}" width="100%" style="background: {BGBORDER}">$advlist[headerbanner]</table>
   
5. </div><br></div>
   
6. <!--{/if}-->

复制代码

删除以上代码，就可以去掉顶部的广告显示了

3.   怎样实现公告栏下面的图片滚动显示？

       呵呵，这个其实很简单，道理如下：
       因为上面说了，我把顶部的广告放到了公告栏的下面，那么利用这个广告栏的位置，就可以轻松实现滚动图片效果。方法如下：

         后台——其他设置—— 广告管理——头部横幅广告——广告代码    填入以下代码：

1. 
   
2. <TABLE cellSpacing=0 cellPadding=0 width=98% align=center border=0>
   
3.   <TBODY>
   
4.   <TR>
   
5.     <TD>
   
6.       <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
   
7.       <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
   
8.         <TBODY>
   
9.         <TR>
   
10.           <TD id=demo1 vAlign=top><table width="1200" height="90"  border="0" cellpadding="0" cellspacing="0">
    
11.             <tr>
    
12.               <td width="120"><a href="http://www.fz1993.com/forumdisplay.php?fid=4"><img border="0" width="120" height="90"></a></td>
    
13.               <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>
    
14.               <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>
    
15.               <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>
    
16.               <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>
    
17.               <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>
    
18.               <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>
    
19.               <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>
    
20.               <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>
    
21.               <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>
    
22.               </tr>
    
23.           </table></TD>
    
24.           <TD id=demo2 vAlign=top>　</TD></TR></TBODY></TABLE></DIV>
    
25.       <SCRIPT>
    
26. var speed3=50//速度数值越大速度越慢
    
27. demo2.innerHTML=demo1.innerHTML
    
28. function Marquee(){
    
29. if(demo2.offsetWidth-demo.scrollLeft<=0)
    
30. demo.scrollLeft-=demo1.offsetWidth
    
31. else{
    
32. demo.scrollLeft++
    
33. }
    
34. }
    
35. var MyMar=setInterval(Marquee,speed3)
    
36. demo.onmouseover=function() {clearInterval(MyMar)}
    
37. demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
    
38. </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 编辑 ]

子扬

最后更新：

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文件，查找

1. images/copy.gif   

复制代码

改成

1. {IMGDIR}/copy.gif   

复制代码

即可



                                             

[ 本帖最后由 子扬 于 2006-10-4 22:50 编辑 ]

fhg007

占个位置先哦哦哦

fhg007

BS楼主狂占位

豬頭豬腦

占位

5801805

还好了 第一页


我讨厌8个字的限制！

[ 本帖最后由 5801805 于 2006-10-3 20:58 编辑 ]

fhg007

豬頭豬腦

再来