当前位置: 首页 > >

discuz模板修改html,Discuz?修改门户的模板??静态页面套用(动态页写死方法以更新)...

发布时间:

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


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


修改门户的方法:


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


2. 在文件夹?upload 下的?template


文件夹中新建一个文件夹?test ;


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



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


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


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



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



方案名称填写test,模板匹配选中test;


提交后出现下图



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


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


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


和 portal


7.到templatedefaultcommon下面复制


common.css?head.htm和footer.html


粘贴到template estcommon。


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


8.?然后把你设计的静态页面命名为index.htm复制到 emplate estportal下


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。







相关资源:NopCommerce开源网上商城全源代码



友情链接: