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

子扬 · 发表于 2006-10-3 20:39:12

········更新说明在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 编辑 ]

子扬 · 发表于 2006-10-3 20:54:38

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

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

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

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

<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>

复制代码

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

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

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

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

<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 20:54:47

如果不想要顶部的导航图片和文字，还是恢复默认的，那么就下载下面的文件，覆盖以前的文件即可
注：我的顶部广告就是用的导航图片代码，所以是这个效果

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

子扬 · 发表于 2006-10-3 20:54:52

最后更新：

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

images/copy.gif

复制代码

改成

{IMGDIR}/copy.gif

复制代码

即可

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

fhg007 · 发表于 2006-10-3 20:56:52

占个位置先哦哦哦

fhg007 · 发表于 2006-10-3 20:57:18

BS楼主狂占位

豬頭豬腦 · 发表于 2006-10-3 20:57:30

占位

5801805 · 发表于 2006-10-3 20:57:33

还好了第一页

我讨厌8个字的限制！

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

fhg007 · 发表于 2006-10-3 20:57:38

豬頭豬腦 · 发表于 2006-10-3 20:57:48

再来

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

本帖子中包含更多资源