很多朋友都想自己设计一个属于自己的网站风格,但是对模版技术却不是很了解,所以,今天特意将team的模版制作给大家仔细的讲解下.其实team的模版很简单, 只要你懂怎么样做个静态的html页面就可以了. 让我们仔细的来看看team的模版制作吧.
1. 让我们先看一个做好的模版先: 
附件尺寸:43.1 KB
一个整体的模版分为3个部分.
1.网页架构 (以DIV或Table等等构成了网站的整体架构) 2. CSS (他控制网站的色调) 3. 图片 (合适的图片可以让您的网站更漂亮,好看的UI也让您的设计更出众) 我们先说说网页架构:

附件尺寸:35.64 KB
整体的架构就分为3个部分,所以这一切都是从简单开始的.
我们进入后台开始模版的设计吧....
登陆后台 -- 界面风格 -- 编辑模版 看到这里的默认模版了吧? 让我们先复制一个一样的模版出来先 .点击"
复制模版"
再次点击
编辑模版 我们就可以看到2个相同的模版名称了. 唯一不同的是 "默认模版"里面,下面的那个没有打勾.让我们点击右边窗口的 "
编辑模版" , 点击"
模板基本设置及调用模版" 后台编辑选项. 给我们的新模版修改一个其他的名字news, 一个新的目录如new, (这个目录就是您放CSS文件和图片的目录了.) 还有默认宽度. 这个看您自己的要求而定.
修改好了?
当然别忘记在您的论坛根目录下面的skins目录下面 添加一个new目录.
现在开始设计论坛的头部. "论坛首页模板设置" 编辑他, 您会看到如 Team.IndexHtml (X)模板文件 [X从0到16] . 这里的编辑框里面的内容就是我们看到的模版内容了.
Team.IndexHtml (0)模板文件
记录的是网站的基本信息,如title, head, 这是就不用修改了.因为论坛本身设计的时候已经做的相当好了.
Team.IndexHtml (1)模板文件 这部分就是我们看到的论坛头部和菜单的页面源码了. 我们要做的就是此处的内容进行设计,得到您需要的各种网页效果.
设计要点: 要注意的是里面的{$文字} 这样的内容. 因为他是论坛基本的参数变量, 只能变动位置. 不能修改为其他的字符.
有经验的您一定也发现了, 模版里面有大量的备注,如 <!--论坛页面开始代码--> 这样的代码 .其实, team 从一开始就设置了大量的源码说明, 所以只要稍微看看, 是很容易上手的.
Team.IndexHtml (9)模板文件这是论坛的底部内容, 设计要点如上.
修改了头部和底部内容,基本就可以给您的网站一个非常惊喜的变化了. 但是如果您要将网站的整体全部都改个遍, 那么您就要仔细的看看其他的编辑框内容了,
论坛首页模板设置 这里控制网站整体框架和首页的框架,以及定制首页的框架
帖子列表模板设置 这里是帖子列表和帖子内容显示的模版内容, 打开可以看到各部分的说明
用户属性模板设置 关于用户的显示部分, 如个人资料等等,都是这这里设计的.
其他版块模板设置 论坛的登陆界面,错误提示等等,在这里设计
当然,我们要做的不仅仅限制于此, 下一步我们要修改的就是网站的整体色调了, 找到 new/bbs.css 文件, 这个CSS文件就是控制网站的整体色调, 表格的色彩等等.
CSS 层叠样式列表 .大家可以查询其他网站的内容. 估计网上有几百万的教程吧? 所以这里我就不献丑咯. 网站设计讲究的是美工, 色彩. 所以一个好的模版在于您的设计功底.
我这里讲的只是怎么样将您的优美设计套用到team论坛. 希望大家可以通过这个教程得到您所要的信息.
如果大家认为哪里将的还是不明白, 欢迎回帖或发信息给我, 我可以随时更新此教程.
[此帖子已被 花笑如 在 2007-8-22 23:16:56 编辑过]