DISCUZ新手模板仿站步骤
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&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>»</em><a href="forum.php">{$_G[setting][navs][2][navname]}</a>$navigation </div>
论坛的发贴量:
<p class="chart z">
今日发贴量: <em>$todayposts</em>
<span class="pipe">|</span>
昨天发贴量: <em>$postdata[0]</em>
<span class="pipe">|</span>
总贴数: <em>$posts</em>
<span class="pipe">|</span>
总会员数:
<em>$_G['cache']['userstats']['totalmembers']</em> <!--{if $_G['cache']['userstats']['newsetuser']}--> <span class="pipe">|</span> 欢迎新会员: <em><a href="home.php?mod=space&username={echo rawurlencode($_G['cache']['userstats']['newsetuser'])}" target="_blank" class="xi2">$_G['cache']['userstats']['newsetuser']</a></em> <!--{/if}--> </p>
我的贴子/最新回复
<div class="y"> <!--{hook/index_nav_extra}--> <!--{if $_G['uid']}--><a href="forum.php?mod=guide&view=my" title="{lang my_posts}" class="xi2">{lang my_posts}</a><!--{/if}--> <!--{if !empty($_G['setting']['search']['forum']['status'])}--><!--{if $_G['uid']}--><span class="pipe">|</span><!--{/if}--><a href="forum.php?mod=guide&view=new" title="{lang show_newthreads}" class="xi2">{lang show_newthreads}</a> <!--{/if}--> </div>
复制代码
DZ自带的首页四格判断代码:
<!--{if !empty($_G['setting']['grid']['showgrid'])}-->
调用热点信息的判断:【需后台开启】
<!--{if !empty($_G['cache']['heats']['message'])}--> <!--{if !$cat['forumcolumns']}--> // 如果下级子版块横排数为0则按下面版式来显示版块列表,横排数可在后台设置的
二级栏目收缩与放开按钮:
<span class="o"> <img id="category_-1_img" src="{IMGDIR}/$collapse['collapseimg_-1']" title="{lang spread}" alt="{lang spread}" onclick="toggle_collapse('category_-1');" /> </span>
复制代码
调用一级栏目名和链接:
<h2> <a href="{if !empty($caturl)}$caturl{else}forum.php?gid=$cat[fid]{/if}" style="{if $cat[extra][namecolor]}color: {$cat[extra][namecolor]};{/if}">$cat[name]</a> </h2>
调用分区版主
<!--{if $cat['moderators']}--><span class="y">分区版主: $cat[moderators]</span><!--{/if}--> <!--{eval $caturl = !empty($cat['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$cat['domain'].'.'.$_G['setting']['domain']['root']['forum'] : '';}-->
调用一级栏目下的二级栏目:
<h2> <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>$forum[name]</a> <!--{if $forum[todayposts] && !$forum['redirect']}--><em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--> </h2>
版块的简介:
<!--{if $forum[description]}--><p class="xg2">$forum[description]</p><!--{/if}-->
调用二级版块的子版块:
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--> 调用二级版块的版主 <!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum[moderators]</span></p><!--{/if}--> 调用版块的主题数/总贴量 <!--{if empty($forum[redirect])}--> <span class="xi2"><!--{echo dnumber($forum[threads])}--></span> <span class="xg1"> / <!--{echo dnumber($forum[posts])}--></span> <!--{/if}-->
调用版块中最后发表的贴子的标题,发贴者:
<!--{if $forum['permission'] == 1}--> {lang private_forum} <!--{else}--> <!--{if $forum['redirect']}--> <a href="$forumurl" class="xi2">{lang url_link}</a> <!--{elseif is_array($forum['lastpost'])}--> <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"> <!--{echo cutstr($forum[lastpost][subject], 30)}--> </a> <cite>$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G[setting][anonymoustext]<!--{/if}--></cite> <!--{else}--> {lang never} <!--{/if}--> <!--{/if}-->
调用版块最后发布的时间:<a href="forum.php?mod=redirect&tid=$colletion[lastpost]&goto=lastpost#lastpost">{lang forum_lastpost}: <!–{date($colletion[lastposttime])}–></a>
调用版块图标
<!--{if $forum[icon]}--> $forum[icon] <!--{else}--> <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a> <!--{/if}-->
在线会员:
<a href="home.php?mod=space&do=friend&view=online&type=member">{lang onlinemember}</a>
会员的信息汇总
<strong><a href="home.php?mod=space&do=friend&view=online&type=member">{lang onlinemember}</a></strong> <span class="xs1">- <strong>$onlinenum</strong> {lang onlines}- <strong>$membercount</strong> {lang index_members}(<strong>$invisiblecount</strong> {lang index_invisibles}), <strong>$guestcount</strong> {lang index_guests}- {lang index_mostonlines} <strong>$onlineinfo[0]</strong> {lang on} <strong>$onlineinfo[1]</strong>.</span> 在线用户名:<a href="home.php?mod=space&uid=$online[uid]">$online[username]</a>
本文结束