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


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中执行系统外部命令
Oct 09 PHP
PHP随机数生成代码与使用实例分析
Apr 08 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
Aug 01 PHP
基于PHP读取csv文件内容的详解
Jun 18 PHP
根据ip调用新浪api获取城市名并转成拼音
Mar 07 PHP
php强制文件下载而非在浏览器打开的自定义函数分享
May 08 PHP
访问编码后的中文URL返回404错误的解决方法
Aug 20 PHP
php实现修改新闻时删除图片的方法
May 12 PHP
phpMyAdmin安装并配置允许空密码登录
Jul 04 PHP
PHP7正式版测试,性能惊艳!
Dec 08 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
Dec 19 PHP
php简单复制文件的方法
May 09 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
php获取post中的json数据的实现方法
2011/06/08 PHP
php内嵌函数用法实例
2015/03/20 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
客户端静态页面玩分页
2006/06/26 Javascript
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
2010/12/19 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
悬浮数字的实现案例
2014/02/19 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
Bootstrap Table使用整理(二)
2017/06/09 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
Python的pycurl包用法简介
2015/11/13 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
python 把列表转化为字符串的方法
2018/10/23 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
python 两种方法删除空文件夹
2020/09/29 Python
迪士尼英国官方商店:shopDisney UK
2019/09/21 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
大学新生军训自我鉴定
2014/03/18 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
警察群众路线整改措施
2014/09/26 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
2014年教研员工作总结
2014/12/23 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
Python编解码问题及文本文件处理方法详解
2021/06/20 Python
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers