DISCUZ门户模板开发制作步骤

1、复制default文件夹下的portal下的index.htm;

2、在moban文件下新建一个portal文件夹,并将index.htm放入;

3、复制default文件下的common下的head.htm和foot.htm到moban文件夹下的common下,作为公用的顶部,底部文件。

4、复制目标网站的源代码,到DW中,并将目标站的CSS全部复制作extend-common.css中。

Head_common.htm的代码解释:
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE{$_G[‘config’][‘output’][‘iecompatible’]}” />
针对于IE8加的一个属性,主要起兼容作用。
<meta name=”generator” content=”Discuz! $_G[‘setting’][‘version’]” />文件是用什么来DZ哪个版本生成的
<meta http-equiv=”MSThemeCompatible” content=”Yes” />打开xp 的蓝色立体按钮系统显示
<meta name=”MSSmartTagsPreventParsing” content=”True” />
在IE 6 中有一个 Smart tag 开关,防止IE6微软页面编辑软件在页面上自动添加标签,保证代码原汁原味

5、修改头部,首先找到head.htm中几个版块,并标记【顶部,LOGO ,导航】;

6、对一些常用标签的认识:

Subtemplate 表示引入、调用

AD 表示广告

lang表示语言包

hook表示钩子

网站名称:$_G[setting][bbname]

网站首页:
{if%20$_G[‘setting’][‘domain’][‘app’][‘default’]}http://{$_G[‘setting’][‘domain’][‘app’][‘default’]}/{else}./{/if}

LOGO图片调用:【{$_G[‘style’][‘boardlogo’]}】

<!–{if !isset($_G[‘setting’][‘navlogos’][$mnid])}–><a href=”{if%20$_G[‘setting’][‘domain’][‘app’][‘default’]}http://{$_G[‘setting’][‘domain’][‘app’][‘default’]}/{else}./{/if}” title=”$_G[‘setting’][‘bbname’]”>{$_G[‘style’][‘boardlogo’]}</a><!–{else}–>$_G[‘setting’][‘navlogos’][$mnid]<!–{/if}–>

调用后台顶部导航:【加入首页,加入收藏】

<!–{loop $_G[‘setting’][‘topnavs’][0] $nav}–>
<!–{if $nav[‘available’] && (!$nav[‘level’] || ($nav[‘level’] == 1 && $_G[‘uid’]) || ($nav[‘level’] == 2 && $_G[‘adminid’] > 0) || ($nav[‘level’] == 3 && $_G[‘adminid’] == 1))}–>$nav[code]<!–{/if}–>
<!–{/loop}–>

导航菜单调用:【导航调用时出现了英文字母,用.headerNav span{display:none;}来隐藏。】

<UL>

<!–{loop $_G[‘setting’][‘navs’] $nav}–>
<!–{if $nav[‘available’] && (!$nav[‘level’] || ($nav[‘level’] == 1 && $_G[‘uid’]) || ($nav[‘level’] == 2 && $_G[‘adminid’] > 0) || ($nav[‘level’] == 3 && $_G[‘adminid’] == 1))}–><li {if $mnid == $nav[navid]}class=”a” {/if}$nav[nav]></li><!–{/if}–>
<!–{/loop}–>

</UL>

快捷导航调用:

<a href=”JAVAscript:;” id=”qmenu” onMouSEOver=”delayShow(this, function () {showMenu({‘ctrlid’:’qmenu’,’pos’:’34!’,’ctrlclass’:’a’,’duration’:2});showForummenu($_G[fid]);})”>{lang my_nav}</a>

版面拓展色的切换菜单:

<!–{if !IS_ROBOT}–>
<!–{if $_G[‘uid’]}–>
<ul id=”myprompt_menu” class=”p_pop” style=”display: none;”>
<li><a href=”home.php?mod=space&do=pm” id=”pm_ntc” style=”background-repeat: no-repeat; background-position: 0 50%;”><em class=”prompt_news{if empty($_G[member][newpm])}_0{/if}”></em>{lang pm_center}</a></li>
<li><a href=”home.php?mod=follow&do=follower”><em class=”prompt_follower{if empty($_G[member][newprompt_num][follower])}_0{/if}”></em><!–{lang notice_interactive_follower}–>{if $_G[member][newprompt_num][follower]}($_G[member][newprompt_num][follower]){/if}</a></li>
<!–{if $_G[member][newprompt] && $_G[member][newprompt_num][follow]}–>
<li><a href=”home.php?mod=follow”><em class=”prompt_concern”></em><!–{lang notice_interactive_follow}–>($_G[member][newprompt_num][follow])</a></li>
<!–{/if}–>
<!–{if $_G[member][newprompt]}–>
<!–{loop $_G[‘member’][‘category_num’] $key $val}–>
<li><a href=”home.php?mod=space&do=notice&view=$key”><em class=”notice_$key”></em><!–{echo lang(‘template’, ‘notice_’.$key)}–>(<span class=”rq”>$val</span>)</a></li>
<!–{/loop}–>
<!–{/if}–>
<!–{if empty($_G[‘cookie’][‘ignore_notice’])}–>
<li class=”ignore_noticeli”><a href=”JAVAscript:;” onClick=”setcookie(‘ignore_notice’, 1);hideMenu(‘myprompt_menu’)” title=”{lang temporarily_to_remind}”><em class=”ignore_notice”></em></a></li>
<!–{/if}–>
</ul>
<!–{/if}–>
<!–{if $_G[‘uid’] && !empty($_G[‘style’][‘extstyle’])}–>
<div id=”sslct_menu” class=”cl p_pop” style=”display: none;”>
<!–{if !$_G[style][defaultextstyle]}–><span class=”sslct_btn” onClick=”extstyle(”)” title=”{lang default}”><i></i></span><!–{/if}–>
<!–{loop $_G[‘style’][‘extstyle’] $extstyle}–>
<span class=”sslct_btn” onClick=”extstyle(‘$extstyle[0]’)” title=”$extstyle[1]”><i style=’background:$extstyle[2]’></i></span>
<!–{/loop}–>
</div>
<!–{/if}–>
<!–{if $_G[‘uid’]}–>
<ul id=”myitem_menu” class=”p_pop” style=”display: none;”>
<li><a href=”forum.php?mod=guide&view=my”>{lang mypost}</a></li>
<li><a href=”home.php?mod=space&do=favorite&view=me”>{lang favorite}</a></li>
<li><a href=”home.php?mod=space&do=friend”>{lang friends}</a></li>
<!–{hook/global_myitem_extra}–>
</ul>
<!–{/if}–>
<!–{subtemplate common/header_qmenu}–>
<!–{/if}–>

搜索功能代码调用
<!–{subtemplate common/pubsearchform}–>

广告位的调用:

顶部广告;<!–{ad/headerbanner/wp a_h}–>

Logo右侧广告:<!–{ad/subnavbanner/a_mu}–>

7、调用用户登录版块
<!–{template common/header_userstatus}–>

复制default文件夹下的header_userstatus.htm到moban下的common下。

登录版块分为三个部分:
登录后——登录没有激活—–没有登录<!–{template member/login_simple}–>【通过调用member/login-simple.htm】

8、将调用DIY按钮的代码也放到P标签里面,并且结合原来网站的样式,可以解决DIY按钮下移的问题。如果“管理中心”出现换行,可删除其样式class=”showmenu”

调用DIY按钮:
<!–{if check_diy_perm($topic)}–>$diynav<!–{/if}–>

或者使用下面的代码调用DIY按钮:

<a id=”diy-tg” href=”JAVAscript:openDiy();” title=”{lang open_diy}” class=”xi1 xw1″>DIY</a>

【DIY按钮的显示需要head.htm和foot.htm的代码支持】
<div id=”append_parent”></div><div id=”ajaxwaitid”></div>//显示主体内容的编辑框
<!–{if $_GET[‘diy’] == ‘yes’ && check_diy_perm($topic)}–>
<!–{template common/header_diy}–>
<!–{/if}–>
<!–{if check_diy_perm($topic)}–>
<!–{template common/header_diynav}–>
<!–{/if}–>
<!–{if CURMODULE == ‘topic’ && $topic && empty($topic[‘useheader’]) && check_diy_perm($topic)}–>
$diynav
<!–{/if}–>
<!–{if empty($topic) || $topic[‘useheader’]}–>

9、DIY重影,可以通过CSS去除DIY的背景图片,还有小头像,也是背景图片去处背景【.vwmy{background:none;}】。

通过刷新去缓存的方法:
打开文件网站根目录/config/config_global.php
找到
$_config[‘output’][‘tplrefresh’] = 1;

更改为
$_config[‘output’][‘tplrefresh’] = 2;

刷新两次即可更新模板,此方法适用于模板开发!

10、通过login-simple.htm找出“注册,登录,找回密码”的代码

<a href=”member.php?mod=logging&action=login” onclick=”showWindow(‘login’, this.href)”>登录</a>

注册:<a href=”member.php?mod={$_G[setting][regname]}”>$_G[‘setting’][‘reglinkname’]</a>

忘记密码:<a href=”JAVAscript:;” onclick=”showWindow(‘login’, ‘member.php?mod=logging&action=login&viewlostpw=1’)”>{lang forgotpw}</a>

<a href=”connect.php?mod=login&op=init&referer=index.php&statfrom=login_simple” title=”QQ登录”>QQ登陆</a>

11、搜索框的制作 可以配合原网站的代码,修改一下action地址和input的地址:

<FORM method=”{if $_G[fid] && !empty($searchparams[url])}get{else}post{/if}” action=”{if $_G[fid] && !empty($searchparams[url])}$searchparams[url]{else}search.php?mod=forum&searchsubmit=yes{/if}” target=”_blank”>
<Input id=Field value=Title type=hidden name=Field>
<input type=”text” name=”srchtxt” value=”{lang enter_content}” autocomplete=”off” x-webkit-speech speech />
<Input src=”http://www.junzimen.com/skin/2012/images/search.gif” type=image> </FORM>

12、首页的原有代码不能删除,否则会导致无法编辑DIY的样式‘
<style id=”diy_style” type=”text/css”></style>

主体内容的仿站,复制目标网站主题内容,然后使用

<!–[diy=diy1]–><div id=”diy1″ class=”area”></div><!–[/diy]–>

进入内容框的制作。

如果某个JS影响了DIY按钮的使用,可以使用下面判断语句来解决。【使用此判断时,要结合fooer.htm原有的判断代码使用】

<!–{if $_GET[‘diy’] != ‘yes’ }–>
„„
<script></script>代码段
„„
<!–{/if}–>

© 版权声明
THE END
喜欢就支持一下吧
点赞9
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称

    暂无评论内容

随即推荐
VMware Workstation Pro 25H2官方虚拟机免费版-铁虎资源网

VMware Workstation Pro 25H2官方虚拟机免费版

免费虚拟机软件VMware Workstation 25H2 PRO 正式版发布,VMware25H2正式版采用新命名,VMware Pro 25H2增加了命令自动化工具,全面支持最新Win和Linux客户机版本,硬件支持CPU,USB3.2,传文件更快.
NARYTHY542219NERTYTRY的头像-铁虎资源网NARYTHY542219NERTYTRY21小时前
0325
哔哩哔哩视频下载器v0.1.0全都支持便携版-铁虎资源网

哔哩哔哩视频下载器v0.1.0全都支持便携版

哔哩哔哩 bilibili B站 视频 下载器,软件普通视频、充电视频、番剧、电视剧、电影、课程 全都支持下载,图形界面 + nfo刮削 + 广告标记 + 字幕下载 + 弹幕下载,轻松将视频加入emby等媒体库。 ...
Miguelfen的头像-铁虎资源网Miguelfen16天前
0256
恋爱必修课 解决你的恋爱难题两性交友-铁虎资源网

恋爱必修课 解决你的恋爱难题两性交友

谈恋爱看似很容易,但想要保持长久、健康的感情关系却很难。 恋爱前,不知道如何开始一段恋爱关系,怎样追求对方;身处恋爱中,问题也是层出不穷,不知道怎样培养感情、令感情升温;恋爱谈久了...
Karentrag的头像-铁虎资源网Karentrag11小时前
0439
芒果游戏翻译v4.7.5轻松解决语言障碍破解版-铁虎资源网

芒果游戏翻译v4.7.5轻松解决语言障碍破解版

一款多语言实时屏幕翻译应用,支持屏幕翻译、聊天翻译、网页翻译、拍照翻译等多种功能,涵盖100多种语言,适用于旅游、学*、工作等场景,帮助用户轻松跨越语言障碍。
test10238124的头像-铁虎资源网test102381244天前
0286
电脑版360断网急救箱单文件2.0.0.1011版-铁虎资源网

电脑版360断网急救箱单文件2.0.0.1011版

360断网急救箱是一款独立于360安全卫士的断网修复工具。
DustyBeato的头像-铁虎资源网DustyBeato10天前
04015
Topaz Video(AI视频修复软件)V1.0.10破解版-铁虎资源网

Topaz Video(AI视频修复软件)V1.0.10破解版

Topaz Video破解版是一款全新的人工智能视频增强软件,得益于Topaz公司AI算法,这款AI视频修复软件可以在修复视频的同时运用人工智能算法AI模型计算视频模糊部分,自动修复视频受损的细节,从而增强...
test4092749的头像-铁虎资源网test409274921天前
02210
药品说明书查询软件网页PHP版本-铁虎资源网

药品说明书查询软件网页PHP版本

使用的是大佬YMXuan的数据库 可以自己架设到本地,或者用免费的服务器跑也行,比如sevr00这类的, PHP版本7.0以上即可。兼容手机端显示查询。 使用方法:将数据库文件drugs.db 和PHP文件放在同...
test36152411的头像-铁虎资源网test361524113天前
02812
安卓菜鸟v8.10.1010高级版/让快递更简单-铁虎资源网

安卓菜鸟v8.10.1010高级版/让快递更简单

菜鸟app,作为全能的物流助手,它的设计初衷在于为广大用户提供一个一站式的包裹处理方案。它不仅仅是查寻快递的工具,还能处理从取快递、寄快递到社区生活的各项需求,被众多用户誉为物流包裹...
oyx551的头像-铁虎资源网oyx5513天前
03914
初恋云在线播放器1.0php源码-铁虎资源网

初恋云在线播放器1.0php源码

该软件支持 m3u8、mp4 等主流视频格式播放,无需演示站,可直接上传服务器使用。用户通过域名?url=视频地址即可播放。主要功能包括:画中画播放、上下调音量、左右调进度条、长按三倍速、弹幕显...
test7295367的头像-铁虎资源网test729536723天前
02412
爱授权系统V3.0免授权版-铁虎资源网

爱授权系统V3.0免授权版

爱授权系统V3.0免授权版已去授权,不要点在线更新 是SG15加密,宝塔自行安装组件 图片在下图 有远程广告api,插件商城api 上面这两个非常使用 可以在自己源码里面进行引用 拿走不谢!
BryanSlomy的头像-铁虎资源网BryanSlomy17天前
0227