网上找了很多，跟着操作后，感觉成功了的一个教程，我修改下分享给大家了~

本人为初学者，欢迎指点交流~

修改门户的方法：

1. 首先做好一个完整的静态页面(兼容性什么哒就自己调整了)；

2. 在文件夹 upload 下的 template

文件夹中新建一个文件夹 test ；

3. 登陆论坛的管理中心，点击界面》模板管理

在”模板名称“里面填写 test，在目录里面填写  ./template/test

然后点击提交，出现上面图片内容，多出一个模板。

4. 登陆论坛的管理中心，点击界面》风格管理 复制一个默认风格；

5. 在新模块上点击编辑，找到下图部分，

方案名称填写test，模板匹配选中test；

提交后出现下图

缩略图为空，这就证明模板成功选中。

最后点击默认再次提交。增加模板工作完成，下面是导入自己做的静态页面内容了。

6. 在刚才template\建立的test文件夹下面创建2个文件夹分别命名为 common

和 portal

7.到template\default\common下面复制

common.css head.htm和footer.html

粘贴到template\test\common。

这里我们先不制作头部和底部先用默认的头和底

8. 然后把你设计的静态页面命名为index.htm复制到\template\test\portal下

9.在论坛所在根目录下(就是和template同级的目录)创建一个名为test的文件夹，最好和你的新增模板的文件夹名字一样或者相似。只要自己方便识别就行.建立好之后把你静态页面的

css文件 图片文件 js文件等 全部复制到这个文件夹里面

10. 以上完成之后刷新下你的门户发现是没有加载样式的.

这表示你前面的工作成功,下面开始改 index.htm 代码！

11. 首先把你的静态页面的

以上和一下全部删掉,包括body标签

把下面代码

复制到文件顶部

把下面代码

复制到文件底部

12. 调用css文件：将 代码

放到下面

(根据情况调整引用css的路径)

例如我的最上面三行：

13.保存好后刷新下门户发现出了图片基本框架都出来了。 图片错误是因为路径不对。把路径全部改过来。

例如将htm中

images/pic.jpg 修改为 test/images/pic.jpg

14.此时静态网页已经全部添加完成！

下面步骤是将静态模板部分设置为动态内容：

一。添加可编辑模块

1、把希望设置为动态的框架的标签内容替换为

例如:

标题

文章一

文章二

希望div.adv

这个模块里面的内容是动态的框架，则修改为：

其中：

红色部分唯一且同步。

diy1

要和他所包含的的DIV标签的ID保持一致,且具有唯一性.class="area"保持不变。

比如下图。飘红的部分是替换的.如图第二部分显示所有的都是diy1这样就错了.要保持唯一性.不能重复！ 如图二.

图二

2图错误，3图正确

这部分替换后我们就可以去diy页面添加框架和模块了

二、可视化添加模块

1、首先添加框架如下图。 把所有框架的 标题全部去掉.

2、添加模块

.添加帖子模块. 属性自己设置.这里没法演示. 根据自己的模版灵活掌握. 样式也要设置 边框外边距内边距

都为0。