风格模板初级不完全修改教程

就自己的一点点经验,希望能给初接触模版修改的朋友有个参考。

关于模版修改, 引用星星签名里的一句话“学好HTML很重要”  :)

一个风格,除了换图片和配色再深入进去就是修改模版了。

模版也就是HTML语言加PHP变量,里边就这两种东西。
你可以先进入系统设置里的模版编辑,随便打开一个模版,比如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的风格不错,先把网页另存为(当然是你觉得不错的页面了,还说帖子那部分吧),然后用DW打开,

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

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

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

这个只是举的viewthread_post模版的例子,目的主要是基于熟悉、修改模版,相信接触多了对这些都熟悉了,以后修改模版、自己做新风格应该就很顺手了。多搞自己的原创。。。关于 index部分,也就是这么回事,不过注意论坛的一个页面是需要好几个模版组合而成的。不要把模版单独的来看、来修改,有时需要考虑到一个分类的全局。还有就是美化论坛也多就是加框架图片,  i美化的效果立竿见影,对速度的影响也需要考虑一下。如果你对速度非常非常的在意,多加一个图片都会有影响的。但是一个风格对一个论坛给人的印象也是非常重要的。这个就不多说了。
完整的一个风格,一些细节,给论坛的滚动条颜色好好搭配一下,加上一套相宜的鼠标指针(都需IE6.0支持)\LOGO等,使论坛达到一个统一和谐的的效果。

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

听大C说,以后新版本(目前的已经是了)要采用多模版,现行的模版结构可能会有一点点变化了,那时一个论坛也就可以使用多种风格而不必局限于修改了模版就不可以再用别的了。无限憧憬中……

(0)

相关推荐

  • 风格模板初级不完全修改教程

    就自己的一点点经验,希望能给初接触模版修改的朋友有个参考. 关于模版修改, 引用星星签名里的一句话"学好HTML很重要"  :) 一个风格,除了换图片和配色再深入进去就是修改模版了. 模版也就是HTML语言加PHP变量,里边就这两种东西.你可以先进入系统设置里的模版编辑,随便打开一个模版,比如viewthread_post,个人感觉这个模版最重要了,其次才是index   header   footer,每个模版是论坛的哪一部分,相信你接触多了自然就知道了,顾名思义也能看出不少.ind

  • SS xspace风格模板制作教程

    SS 风格模板区引导帖,来此必看![内含SS风格相关教程链接] 一.本版版规 引用: http://www.discuz.net/thread-759546-1-1.html本版供SupeSite/X-Space模板爱好者交流讨论.鼓励大家互助分享!二.发布分享模板格式 引用: http://www.discuz.net/viewthread.php?tid=759558发布和预览风格的发帖格式规范,违者当做删除处理.三.SS 风格模板相关教程 引用: ss6.0模板制作教程(二) ss6.0模

  • Python的Flask框架标配模板引擎Jinja2的使用教程

    Jinja2需要Python2.4以上的版本. 安装 按照Jinja有多种方式,你可以根据需要选择不同的按照方式. 使用easy_install 或pip: #sudo easy_install Jinja2 #sudo pip install Jinja2 这两个工具可以自动从网站上下载Jinja,并安装到python目录的site-packages目录中. 从tar包安装: # 下载Jinja的安装包 # 解压缩 # sudo python setup.py install 基本API用法

  • serv-U FTP软件的攻击防守修改教程[图文]

    在看这篇文章之前,有几点要注意 1.everyone用户完全控制目录在服务器上绝对不能出现 2.WEB目录上的权限都是独立的一般情况下是读取和写入,无运行权利 3.ipsec做了限定相关出入站端口访问Serv-u本地默认管理端口,以默认管理员登陆新建域和用户来执行命令,Serv-u V3.x以上的版本默认本地管理端口是:127.0.0.1:43958,所以只能本机连接,默认管理员: LocalAdministrator,默认密码:#l@$ak#.lk;0@P,这是集成在Serv-u内部的,可以以

  • IntelliJ IDEA自定义代码提示模板Live Templates的图文教程

    打开 File --> Settings --> Editor --> Live Templates 此处添加Java的Live Templates 在Abbreviation处写模板名称 在Template text处写输入模板名称后的提示的模板 这里以syso为例,提示System.out.println(); 然后选择模板使用范围,这里选择"Java",勾选 最后点击Apply应用 在Idea界面中使用syso 到此这篇关于IntelliJ IDEA自定义代码提

  • 一个PHP模板,主要想体现一下思路

    思路: 欲在速度和易用(主要指的是美工设计的方便性)之间取得一个平衡点.于是采用了由html文件生成php文件的办法(编译?) 也想在分离显示逻辑和分离html代码之间平衡一下 例如一个论坛首页(index.php): 代码: <?php require('./template.php'); //由html生成的php文件的前缀,区别使用多种风格. $tpl_prefix = 'default'; //模板文件名 $tpl_index = 'index'; $tpl = new Template

  • asp.net Web站点风格切换的实现

    Web站点风格切换的实现 引言 Web站点的风格切换是很常见.也很受大家欢迎的功能,比如大家熟知的博客园就提供了几十款风格模板供大家选择.在Asp.Net中,我们可以通过模板页master page和主题theme来实现网站的风格切换,但是.Net提供的默认设置不够强大和灵活.本文将向大家介绍如何在.Net提供的方法上进行改进和扩展,以提供更加强大的网站风格切换功能. 效果预览:http://www.tracefact.net/Demo/StyleSetting/default.aspx NOT

  • PHP的自定义模板引擎

    前面的话 在大多数的项目组中,开发一个Web程序都会出现这样的流程:计划文档提交之后,前端工程师制作了网站的外观模型,然后把它交给后端工程师,它们使用后端代码实现程序逻辑,同时使用外观模型做成基本架构,然后工程被返回到前端工程师继续完善.就这样工程可能在后端工程师和前端工程师之间来来回回好几次.由于后端工程师不干预任何相关HTML标签,同时也不需要前端代码和后端代码混合在一起.前端工程师只需要配置文件,动态区块和其他的界面部分,不必要去接触那些错综复杂的后端代码.因此,这时候有一个很好的模板支持

  • smarty实例教程

    smarty实例教程(1) 一.什么是smarty? smarty是一个使用PHP写出来的模板PHP模板引擎,它提供了逻辑与外在内容的分离,简单的讲,目的就是要使用PHP程序员同美工分 离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计,美工重新修改页面不会影响到程序的程序逻辑,这在多人合作的项目 中显的尤为重要. 二.smarty优点: 1. 速度:采用smarty编写的程序可以获得最大速度的提高,这一点是相对于其它的模板引擎技术而言的. 2. 编译型:采用smarty编写的程序在运行

  • phpcms实现验证码替换及phpcms实现全站搜索功能教程详解

    在使用phpcms替换网页的时候,除了正常的替换栏目.内容页等,其他的什么验证码啦,提交表单了,搜索功能了,这些在替换的时候可能会对一些默认文件有一些小小 的改变 下面就是自己在失败中成功的过程,最后终于替换成没有bug的替换 一.phpcms的验证码替换 有验证码的地方,一般就是表单了,那么首先就要先制作表单出来了,表单的制作过程很简单,如下: A.制作一张表单出来 (1)登录自己的phpcms后台管理 (2)登录进去后,按照这个步骤进行添加表单 a.模块------表单向导:如图 b.打开表

随机推荐