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


Posted in PHP onOctober 09, 2006

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

关于模版修改, 引用星星签名里的一句话“学好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说,以后新版本(目前的已经是了)要采用多模版,现行的模版结构可能会有一点点变化了,那时一个论坛也就可以使用多种风格而不必局限于修改了模版就不可以再用别的了。无限憧憬中…… 

PHP 相关文章推荐
用PHP实现将GB编码转换为UTF8
Nov 25 PHP
php strcmp使用说明
Apr 22 PHP
php中批量修改文件后缀名的函数代码
Oct 23 PHP
ecshop 批量上传(加入自定义属性)
Mar 20 PHP
mac下安装nginx和php
Nov 04 PHP
php环境下利用session防止页面重复刷新的具体实现
Jan 09 PHP
PHP中Http协议post请求参数
Nov 02 PHP
PHP微信开发用Cache 解决数据缓存
Jul 11 PHP
thinkPHP线上自动加载异常与修复方法实例分析
Dec 01 PHP
PHP合并数组函数array_merge用法分析
Feb 17 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
Mar 05 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
Feb 23 PHP
如何对PHP程序中的常见漏洞进行攻击
Oct 09 #PHP
PHP安全配置
Oct 09 #PHP
用PHP 4.2书写安全的脚本
Oct 09 #PHP
3.从实例开始
Oct 09 #PHP
漂亮但不安全的CTB
Oct 09 #PHP
自动跳转中英文页面
Oct 09 #PHP
随机头像PHP版
Oct 09 #PHP
You might like
ThinkPHP应用模式扩展详解
2014/07/16 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
JS BASE64编码 window.atob(), window.btoa()
2021/03/09 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
Express.JS使用详解
2014/07/17 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
使用jquery的jsonp如何发起跨域请求及其原理详解
2017/08/17 jQuery
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
关于vue组件事件属性穿透详解
2019/10/28 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中正则表达式的详细教程
2015/04/30 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
对python条件表达式的四种实现方法小结
2019/01/30 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
公司员工检讨书
2014/02/08 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android