菜鸡源码,专注精品下载!
当前位置:首页 > 建站教程 > 建站知识

新手教程:如何仿制DISCUZ模板

发布时间:2024-01-05  栏目:建站知识   浏览:   分类:discuz教程 新手教程

1. 下载DISCUZ模板,解压到本地。 2. 将模板文件夹上传到服务器的网站根目录下。 3. 登录网站后台,进入“界面”-“风格管理”,选择刚刚上传的模板文件夹,点击“设置为默认风格”。 4. 在“模块管理”中,可以对模板中的模块进行添加、删除或修改。 5. 在“插件管理”中,可以安装和卸载模板所需的插件。 6. 在“系统设置”中,可以设置网站的基本信息和SEO优化。 7. 最后,预览网站效果,确认无误后,保存设置并发布网站。

DISCUZ新手模板仿站步骤

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

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

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

<itemid="name"><![CDATA[我的模板]]></item><itemid="templateid"><![CDATA[2]]></item><itemid="tplname"><![CDATA[我的模板套系]]></item><itemid="directory"><![CDATA[./template/moban]]></item><itemid="copyright"><![CDATA[爱网学]]></item><itemid="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下面的

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

面包屑导航

<divclass="z"><ahref="./"class="nvhm"title="{langhomepage}">$_G[setting][bbname]</a><em>&raquo;</em><ahref="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']}--><spanclass="pipe">|</span>欢迎新会员:<em><ahref="home.php?mod=space&username={echorawurlencode($_G['cache']['userstats']['newsetuser'])}"target="_blank"class="xi2">$_G['cache']['userstats']['newsetuser']</a></em><!--{/if}--></p>

我的贴子/最新回复

<divclass="y"><!--{hook/index_nav_extra}--><!--{if$_G['uid']}--><ahref="forum.php?mod=guide&view=my"title="{langmy_posts}"class="xi2">{langmy_posts}</a><!--{/if}--><!--{if!empty($_G['setting']['search']['forum']['status'])}--><!--{if$_G['uid']}--><spanclass="pipe">|</span><!--{/if}--><ahref="forum.php?mod=guide&view=new"title="{langshow_newthreads}"class="xi2">{langshow_newthreads}</a><!--{/if}--></div>

复制代码

DZ自带的首页四格判断代码:

<!--{if!empty($_G['setting']['grid']['showgrid'])}-->

调用热点信息的判断:【需后台开启】

<!--{if!empty($_G['cache']['heats']['message'])}--><!--{if!$cat['forumcolumns']}-->//如果下级子版块横排数为0则按下面版式来显示版块列表,横排数可在后台设置的

二级栏目收缩与放开按钮:

<spanclass="o"><imgid="category_-1_img"src="{IMGDIR}/$collapse['collapseimg_-1']"title="{langspread}"alt="{langspread}"onclick="toggle_collapse('category_-1');"/></span>

复制代码

调用一级栏目名和链接:

<h2><ahref="{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']}--><spanclass="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><ahref="$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']}--><emclass="xw0xi1"title="{langforum_todayposts}">($forum[todayposts])</em><!--{/if}--></h2>

版块的简介:

<!--{if$forum[description]}--><pclass="xg2">$forum[description]</p><!--{/if}-->

调用二级版块的子版块:

<!--{if$forum['subforums']}--><p>{langforum_subforums}:$forum['subforums']</p><!--{/if}-->调用二级版块的版主<!--{if$forum['moderators']}--><p>{langforum_moderators}:<spanclass="xi2">$forum[moderators]</span></p><!--{/if}-->调用版块的主题数/总贴量<!--{ifempty($forum[redirect])}--><spanclass="xi2"><!--{echodnumber($forum[threads])}--></span><spanclass="xg1">/<!--{echodnumber($forum[posts])}--></span><!--{/if}-->

调用版块中最后发表的贴子的标题,发贴者:

<!--{if$forum['permission']==1}-->{langprivate_forum}<!--{else}--><!--{if$forum['redirect']}--><ahref="$forumurl"class="xi2">{langurl_link}</a><!--{elseifis_array($forum['lastpost'])}--><ahref="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost"class="xi2"><!--{echocutstr($forum[lastpost][subject],30)}--></a><cite>$forum[lastpost][dateline]<!--{if$forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G[setting][anonymoustext]<!--{/if}--></cite><!--{else}-->{langnever}<!--{/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}--><ahref="$forumurl"{if$forum[redirect]}target="_blank"{/if}><imgsrc="{IMGDIR}/forum{if$forum[folder]}_new{/if}.gif"alt="$forum[name]"/></a><!--{/if}-->

在线会员:

<ahref="home.php?mod=space&do=friend&view=online&type=member">{langonlinemember}</a>

会员的信息汇总

<strong><ahref="home.php?mod=space&do=friend&view=online&type=member">{langonlinemember}</a></strong><spanclass="xs1">-<strong>$onlinenum</strong>{langonlines}-<strong>$membercount</strong>{langindex_members}(<strong>$invisiblecount</strong>{langindex_invisibles}),<strong>$guestcount</strong>{langindex_guests}-{langindex_mostonlines}<strong>$onlineinfo[0]</strong>{langon}<strong>$onlineinfo[1]</strong>.</span>在线用户名:<ahref="home.php?mod=space&uid=$online[uid]">$online[username]</a>


相关文章

    无相关信息
评论
建站知识
建站知识
使用技巧
调试安装
运营推广