当前位置 :主页 > www.www-266944.com >
Discuz!风格模版初级不完全修改教程
发布时间:2019-08-10

  你可以先进入系统设置里的模版编辑,随便打开一个模版,比如viewthread_post,个人感觉这个模版最重要了,其次才是index header footer,每个模版是论坛的哪一部分,相信你接触多了自然就知道了,顾名思义也能看出不少。index、header、footer这三个便是进入论坛就看到的。viewthread_post则是我们浏览一个个帖子时看到的。

  从论坛的当前地址也可以找出你要修改相应的模版,我们看一个个帖子时,IE里地址就是http//*****/viewthread.php?tid=****,如果你要修改这个页面,就需要找到模版的viewthread这一大类;里边有很多小分类。viewthread_post是其中之一,它便是关于帖子的,其余的几个则是论坛跳转了,签名相关了等等。很多都不必理它,我们只是修改模版,不必太深入。

  废话不多说,修改模版直观一点来讲,拿出网页制作工具Dreamweaver,DW的可视化很方便,上边是代码,下边就是预览窗口了。还拿模版viewthread_post做例子,把你的viewthread_post模版代码全部复制进DW的代码窗口里,在下边的预览窗口就可以清楚的看到一个帖子的框架和变量。

  里边只有这两种东西。$ip是看IP的图片,斑竹和管理员才会出现这个图片;$stars是每个会员的星星;$avatar是头像等等,要修改模版往往就是要把这些变量可以在网页里换个方式、位置显示。这时你可以另外打开一个IE窗口,论坛的一个帖子,看着论坛的帖子和这些个DW预览窗口里的框架里的变量对照着,就知道了那些变量相应的在论坛的帖子里都显示的是什么了。或者你删除模版里几个变量确定修改,然后刷新论坛看看有什么变化,少了哪些就知道了。

  象平常在论坛里常见的一些问题都是需要修改模版解决的,比如论坛图例需要增添一个超级斑竹等。都需要修改相应模版即可,论坛图例显示时是地址是在index.PHP,那就在这一大类找,看名字就知道是index_whosonline这个模版,找到相关部分添加即可。不会HTML难道还不会依葫芦画瓢,照着斑竹、管理员的添加就可以了。

  对模版有了一个初步的了解,就先找一个现成的模版修改一下试试。比如一个VBB的风格不错,金富利2尾中特,先把网页另存为(当然是你觉得不错的页面了,还说帖子那部分吧),然后用DW打开。

  用我们只要一个帖子的部分就可以了,直接在预览窗口里删除不要的那些东西,删除再删除,最后只保留一个我们想要的一个帖子的框架就可以了,然后就是再删除多余的,比如原帖子的内容、发帖时间等,保留一个干净的页面就可以了,(当然还是事先新建一个DW窗口打开viewthread_post的原模版,看着这个)然后把Discuz!的viewthread_post模版里的变量一个一个往里边带,,看看哪些变量放在哪里合适,当然按原来的VBB安排的位置就是最佳了。替换完毕了。

  看有什么添加的,框架宽度百分比什么的或自己发挥的、因为不同论坛需要修改的等等。差不多了就把把代码窗口里的代码复制粘贴到你论坛覆盖你的viewthread_post模版,然后就刷新看看你的成果,(注意图片要搞对路径同时上传到你的空间里) 有什么不对的,继续修改再修改。

  其间有些代码你粘贴到DW里可能显示是黄色的错误代码,不要删除,保留着自有其作用,看具体情况了。

  这个只是举的viewthread_post模版的例子,目的主要是基于熟悉、修改模版,相信接触多了对这些都熟悉了,以后修改模版、自己做新风格应该就很顺手了。多搞自己的原创。。。关于 index部分,也就是这么回事,不过注意论坛的一个页面是需要好几个模版组合而成的。不要把模版单独的来看、来修改,有时需要考虑到一个分类的全局。还有就是美化论坛也多就是加框架图片, i美化的效果立竿见影,对速度的影响也需要考虑一下。如果你对速度非常非常的在意,多加一个图片都会有影响的。但是一个风格对一个论坛给人的印象也是非常重要的。这个就不多说了。

  完整的一个风格,一些细节,给论坛的滚动条颜色好好搭配一下,加上一套相宜的鼠标指针(都需IE6.0支持)\LOGO等,使论坛达到一个统一和谐的的效果。

  模版一切都是基于HTML语言和变量的组合,所以再次强调,学好HTML很重要,如果懂一点HTML语言,相信我写的这些便根本不用多看了。再深入进去,需要懂点PHP,至少是基本的语法。比如“PHP里在引号前面要加上 \”偶现在只懂这个。

  由于版面关系,如果您觉得文章内图片内容看不清楚,请在地址栏粘贴图片属性中的地址查看原始图片,谢谢!

?

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms