德清设计-专注于DISCUZ模板风格开发

标题: 德清设计-企业门户系列三&多色 [打印本页]

作者: admin    时间: 2013-12-9 19:37
标题: 德清设计-企业门户系列三&多色


安装地址:http://addon.discuz.com/?@gavin_037.template

本模板不再提供演示站点,如需看演示,请看视频安装教程,里面有安装好模板之后的效果

本模板视频安装教程:http://www.dzstyle.cn/thread-70-1-1.html
本套模板含有8套配色

免费版只有部分效果,仅供测试,欲下载商业版的用户请仔细阅读下面说明。

免费版不提供任何技术支持(包括qq咨询),敬请谅解!

安装商业版之前请把免费版卸载,免费版不能与商业版同时存在,否则会出错。



免费版、商业版的区别:

1、免费版无任何DIY模块样式和文件,除了头尾跟商业版类似,其他相关样式与dz默认模板一致;

2、商业版拥有与演示站效相关的全部文件;与演示站100%效果;

3、免费版仅供客户测试性使用,商业版可直接运用于新建or成熟网站;


模板介绍:

- 模板支持宽屏/窄屏自由切换


- 模板内置8套配色

- 模板页面标准DIV+CSS切图工作流程, 追求代码至简是我们一贯的作风;

- 模板采用980像素(px)宽的页面设置,能展现更多内容,更显大气时尚;

- 模板图片和标题全部设置了标题和图片SEO相关技术,增加搜索引擎收录几率;

- 模板完美支持IE6-9及谷歌、遨游、360、火狐、搜狗最新正式版浏览器兼容性;

- 模板数据基本采用DIY数据读取,方便新手老手修改操作。

- 模板设计涉及 门户首页、频道页、文章页、门户单独页

模板安装方法:

通过FTP打开 template/当前模板目录/xml 目录

将里面所有的xml 文件下载到本地,然后在对应的DIY页面导入这些XML文件文件即可

diy导入方法如下:

门户首页      》 diy    导入文件是  portal_index.xml


门户新闻频道页      》 diy    导入文件是  portal_list.xml(产品展示的频道不需要导入,只有选择新闻列表页展示方式的时候才需要导入,其他的频道导入无效)

门户单独页      》 diy    导入文件是  portal_view.xml  (单独页面的意思就是比如:关于我们之类的)


- 所有diy文件都导入并保存之后,请自行更改每个页面的diy数据,改成自己论坛对应版块数据

门户模板调用方法

论坛后台 >> 门户 >> 频道栏目 >> 编辑 >> 没有栏目请先创建

【新闻列表页模板名】选择当前模板的名称      "德清设计新闻列表页037"

【产品列表页模板名】选择当前模板的名称      "德清设计产品列表页037"

【文章页模板名】选择当前模板的名称       "德清设计文章页037"


【单独页模板名】选择当前模板的名称       "德清设计单独页037"

都设置好后点最下方的  [提交]

德清设计商业模板售后服务:

- 商业模板免费售后服务范围:提供免费售后服务仅限于主流浏览器(IE6\7\8\9、火狐、谷歌、360浏览器兼容问题,不包含模板跨版本升级、插件安装以及dz论坛常规操作使用问题。

- 模板免费技术支持包含模板安装,BUG修复等。不包含程序版本升级、模板文字、DIY模块结构样式、图片等的修改和数据调用设置。

- 本着"优质""低价"的原则,所有模板均已是最优惠价格,概不议价。


关于免费模板售后服务:

- 所有免费模板不提供任何技术支持(包括QQ咨询答疑等);

- 模板bug会不定期进行修复完善升级;




作者: admin    时间: 2013-12-9 19:57
标题: 头部幻灯片图片更换方法
步骤如下:打开模板当前目录下portal/index.htm

找到第3行
  1. <!--幻灯片开始-->
  2. <div class="hd">
  3. <div class="slidebox">
  4. <div class="slideshow">
  5. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/1.png" alt=""/></a></li>
  6. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/2.png" alt=""/></a></li>
  7. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/3.png" alt=""/></a></li>
  8. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/4.png" alt=""/></a></li>
  9. </div>
  10. <div class="slidebar">
  11. <span></span><span></span><span></span><span></span>
  12. </div>
  13. <!--箭头+按钮-->
  14. <div class="leftbtn slidebarup"><a href="javascript:void(0);" mevent="click" ></a></div>
  15. <div class="rightbtn slidebardown "><a href="javascript:void(0);" mevent="click"></a></div>
  16. <!--箭头+按钮-->
  17. </div>
  18. </div>
  19. <script type="text/javascript">
  20. runslideshow();
  21. </script>
  22. <!--幻灯片结束-->
复制代码
然后


  1. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/1.png" alt=""/></a></li>
  2. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/2.png" alt=""/></a></li>
  3. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/3.png" alt=""/></a></li>
  4. <li><a href="#" target="_blank"><img src="$_G['style'][styleimgdir]/4.png" alt=""/></a></li>
复制代码
里面的<li>****</li>数量和
  1. <div class="slidebar">
  2. <span></span><span></span><span></span><span></span>
  3. </div>
复制代码

这个里面的<span></span>数量一定要相等


想增加或者减少图片显示数量请保证这两块数量相等即可
幻灯片图片存放的路径:当前模板目录下img文件夹里面图片名称以 1.png   2.png   3.png   4.png 递增顺序命名

注意:图片后缀是png透明图片


作者: admin    时间: 2013-12-9 19:58
标题: 门户频道如何建立及怎么选择我们的模板
各个频道模板对应名称

【新闻列表页模板名】选择当前模板的名称      "德清设计新闻列表页037"

【产品列表页模板名】选择当前模板的名称      "德清设计产品列表页037"

【文章页模板名】选择当前模板的名称       "德清设计文章页037"


【单独页模板名】选择当前模板的名称       "德清设计单独页037"


门户频道如何建立及怎么选择我们的模板




频道模板及文章模板如果选择

频道编辑如图



新闻列表及文章页模板选择如图


产品展示列表及文章页模板选择如图




单页面,如 关于我们  模板选择如图




单页面下面直接添加文章,如 添加  公司介绍、企业荣誉、联系我们等

作者: admin    时间: 2013-12-9 19:58
标题: DIY导入方法步骤
diy导入方法如下:

门户首页      》 diy    导入文件是  portal_index.xml (这个是前台门户首页)


门户新闻频道页      》 diy    导入文件是  portal_list.xml(产品展示的频道不需要导入,只有选择新闻列表页展示方式的时候才需要导入,其他的频道导入无效)

门户单独页      》 diy    导入文件是  portal_view.xml

建立一个  ”关于我们  的频道,修改跳转链接链接到你在此频道下添加的关于我们,或者公司介绍都行设置在导航显示单页面下面直接添加文章,如 添加  公司介绍、企业荣誉、联系我们等, 然后打开关于我们会跳转到你指定的文章页面,然后diy导入文件即可


首页使用超级管理员登陆您的网站












导入成功后点击 ”确定“ 就可了,然后再点击右上角的  “保存”  按钮,保存刚才的操作即可


作者: admin    时间: 2013-12-9 19:58
标题: 门户首页调用说明





注意:修改的时候不要删除带有<h1></h1>  <p></p>  <em></em>  <i></i>等等此类标签,只需要修改里面的文字内容即可,如果删除,就没有那个效果了
如果不小心删除了,页面错乱,请不要担心,请用超级管理员登陆,diy高级模式,把这个页面的diy数据全部清空,重新导入即可,再重新修改数据







欢迎光临 德清设计-专注于DISCUZ模板风格开发 (http://www.dzstyle.cn/) Powered by Discuz! X3.2