网上找了很多,跟着操作后,感觉成功了的一个教程,我修改下分享给大家了~
本人为初学者,欢迎指点交流~
修改门户的方法:
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。
38763119