• 教程:162
  • 作品:0|
  • 书架:4|
  • 总访问量:1707860|

DISCUZ新手模板仿站步骤

文/ 无言染爱 2020-10-13 18470阅读 评论(1)

DISCUZ新手模板仿站步骤

1、在themplate文件夹下新件一个文件夹,取名为moban

2、复制默认模板下的配置信息文件discuz_style_default.xml到moban下,这样DZ就可以识别这个模板了。

3、用记事本打开discuz_style_default.xml文件,将以下四项进行修改

<item id="name"><![CDATA[我的模板]]></item>
<item id="templateid"><![CDATA[2]]></item>
<item id="tplname"><![CDATA[我的模板套系]]></item>
<item id="directory"><![CDATA[./template/moban]]></item>
<item id="copyright"><![CDATA[爱网学]]></item>
<item id="version"><![CDATA[X3.1]]></item>//可以指定模板适合的版本

4、需要配置一个图片存放文件夹,在moban下新建一个images文件夹并配置一下路径。

template/moban/images 【后面不要 / 】 在制作过程中,在CSS中可以使用{STYLEIMGDIR}来代替这个路径,在模板文件中使用 $_G['style'][styleimgdir] 来代替路径

5、建立调用的公共样式

在moban 文件夹下新建一个common文件夹下新建二个空间的CSS文件extend_common.css

extend_module.css

extend_common.css所控制的网页元素

结构目录:

1. 重定义浏览器默认样式

2. 全局常用 CSS 样式

3. 表单及表单元素

4. 页面布局以及通用的区块样式

5. 列表样式vwmy

6. 其他特定功能块

1. 个人中心面板

2. 简易编辑器

3. 弹出菜单、弹出层及弹出窗口

4. 联系人列表、短消息窗口

5. 登录和注册

6. 拖拽及页面 DIY

extend_module.css所控制的网页元素

1. 一些通用模块的样式

1. 公告

2. 在线会员列表

3. 类似群组中邀请好友中的好友列表

4. 动态列表

5. 进度条

6. 广场以外的引用、代码样式

7. 版主管理(包括2.3、2.4)

8. 登录注册

9. 标签

2. 发帖相关样式

1. 编辑器中的功能样式

2. 主题图标

3. 提交表单

4. 发特殊主题帖

3. 列表样式

1. 广场版块、群组分类列表

2. 房屋列表

3. 主题列表

4. 帖子内容区域样式

1. 结构

2. 作者、时间、楼层等一些属性

3. 帖子正文

1. 回帖推荐、点评等

2. 用户详细信息

3. 帖子附件及一些特殊样式(如锁定、引用、代码等)

4. 特殊帖样式

5. 广场和空间共用的商品、辩论等样式

6. 显示原始图片弹出层样式

5. 群组相关样式

6. 文章、日志等页面样式

7. 空间相关样式

8. 门户相关样式

9. 漫游相关样式

10.搜索相关样式

11.排行榜相关样式

12.统计相关样式

仿站时,将下载的文件夹重命名为images,里面的CSS文件位置不用动它。

第一步:

将首页文件放到portal里面,然后使用本地环境打开,出现错位,需要修改一下图片及css的路径。

修改index.htm中的图片的路径,从程序根目录读取的。template/awx/images/index.css

剪切头部代码-----到head.htm中,使用调用代码调回来:

<!--{template common/header}-->

剪切底部代码-----到foot.htm中,使用调用代码调回来:

<!--{template common/footer}-->

第二步:头部的修改,使用DZ代码替换静态的代码。

发贴按钮【弹出选择栏目版块】:<a href="forum.php?mod=misc&amp;action=nav"><img src="static/image/common/pn_post.png" alt="发新帖"></a>

论坛首页的仿制是通过在默认模板中操作的,因为有很多的功能代码不能少。首先将目标网站的代码复制到discuz.htm的上方,然后通过修改调用二级栏目的CSS的方法来改版面。

搜索: <!--{loop $catlist $key $cat}--> 它的下方就是调用论坛栏目的代码

去除主导航浮动漂动:删除discuz.htm下面的

<!--{if empty($_G['setting']['disfixednv_forumindex']) }--><script>fixed_top_nv();</script><!--{/if}-->

面包屑导航

<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em><a href="forum.php">{$_G[setting][navs][2][navname]}</a>$navigation
</div>

论坛的发贴量:

欢迎转载,但请注明作者「无言染爱」和原文地址「http://www.abctix.com/jiaocheng/Discuz/138.html」。
如需商业转载或刊登,请联系作者获得授权,感谢您对作者版权的尊重。

© 2002-2020 ABCTIX 豫ICP备19021562号