久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區(qū)

標(biāo)題: 單頁(yè)制作教程 For Discuz!X2（DIY/左右邊欄/標(biāo)簽選項(xiàng)卡） [打印本頁(yè)]

作者: dashen 時(shí)間: 2021-12-15 13:08
標(biāo)題: 單頁(yè)制作教程 For Discuz!X2（DIY/左右邊欄/標(biāo)簽選項(xiàng)卡）
作者：體無(wú)完膚
首先，單頁(yè)包括該單頁(yè)的php文件和該單頁(yè)的模板（.htm）文件，比如：host.php、host.htm

普通單頁(yè)的php文件內(nèi)容如下：

<?php
define('CURSCRIPT', 'test');
require './source/class/class_core.php';//引入系統(tǒng)核心文件
$discuz = & discuz_core::instance();//以下代碼為創(chuàng)建及初始化對(duì)象
$discuz->init();
$navtitle = '官方QQ群列表';
$metakeywords = 'QQ群,官方,discuz,DRC,7drc,QQ';
$metadescription = '該頁(yè)面展示Discuz! Rescue Centre 官方QQ群系，加入本站官方QQ群可及時(shí)了解掌握最新動(dòng)態(tài)、插件、模版第一手信息。請(qǐng)勿加入多個(gè)QQ群，珍惜有限的群資源。';
include template('forum/host');//調(diào)用單頁(yè)模版文件
?>

復(fù)制代碼

這里需要注意的是，host為模板文件名，不需要加.htm擴(kuò)展名，模板文件存放于默認(rèn)風(fēng)格目錄下的forum目錄；
單頁(yè)的php文件存放于論壇根目錄；

$navtitle = '官方QQ群列表'; 這一句是定義單頁(yè)的標(biāo)題，顯示于瀏覽器頂部的網(wǎng)頁(yè)標(biāo)題
$metakeywords = 'QQ群,官方,discuz,DRC,7drc,QQ'; 是單頁(yè)的關(guān)鍵詞信息
$metadescription 是單頁(yè)的描述信息。

可DIY的單頁(yè)P(yáng)HP文件代碼內(nèi)容如下：

<?php
define('CURSCRIPT', 'test');
require './source/class/class_core.php';//引入系統(tǒng)核心文件
$discuz = & discuz_core::instance();//以下代碼為創(chuàng)建及初始化對(duì)象
$discuz->init();
loadcache('diytemplatename');
$navtitle = '官方QQ群列表';
$metakeywords = 'QQ群,官方,discuz,DRC,7drc,QQ';
$metadescription = '該頁(yè)面展示Discuz! Rescue Centre 官方QQ群系，加入本站官方QQ群可及時(shí)了解掌握最新動(dòng)態(tài)、插件、模版第一手信息。請(qǐng)勿加入多個(gè)QQ群，珍惜有限的群資源。';
include template('diy:forum/host');//調(diào)用單頁(yè)模版文件
?>

復(fù)制代碼

注：其中 loadcache('diytemplatename'); 為Discuz!X2對(duì)DIY這一塊做的更新，DIY要載入緩存，所以以前X1.5的單頁(yè)制作教程做出來(lái)的單頁(yè)DIY會(huì)無(wú)法保存。DIY的單頁(yè)模版文件，修改單頁(yè)模版內(nèi)容后需要更新緩存才能刷新出來(lái)。

php文件創(chuàng)建完畢，現(xiàn)在開始創(chuàng)建模版文件，基本代碼如下：

普通單頁(yè)的模版文件代碼：

<style id="diy_style" type="text/css"></style>
<div id="pt" class="bm cl">
<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a>
</div>
</div>
<div id="ct" class="wp cl">
<div class="mn bm cl">
<div class="bm_c">
<p style="width:300px; margin:200px auto; text-align:center;">這里是單頁(yè)正文內(nèi)容區(qū)域</p>
</div>
</div>
</div>

復(fù)制代碼

效果如下：

(, 下載次數(shù): 108)

-------------------------------------------------------------------------------------

可DIY的單頁(yè)模版文件代碼如下：

<style id="diy_style" type="text/css"></style>
<div id="pt" class="bm cl">
<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a>
</div>
</div>
<div class="wp">
<div id="diy2" class="area"></div>
</div>
<div id="ct" class="wp cl">
<div class="mn bm cl">
<div class="bm_c">
<p style="width:300px; margin:200px auto; text-align:center;">這里是單頁(yè)正文內(nèi)容區(qū)域</p>
</div>
</div>
</div>

復(fù)制代碼

其中：

<div class="wp">
<div id="diy2" class="area"></div>
</div>

復(fù)制代碼

這段代碼就是DIY區(qū)域的代碼，之前X1.5的單頁(yè)教程里面我們也講到過(guò)，可以在單頁(yè)的任意位置插入DIY區(qū)域，即：

<div id="diy2" class="area"></div>

復(fù)制代碼

注意：如果一個(gè)頁(yè)面要插入多個(gè)DIY區(qū)域，注意修改上面DIY區(qū)域的編號(hào)ID，幾個(gè)DIY區(qū)域的ID編號(hào)不能相同。
-------------------------------------------------------------------------------------

帶有右側(cè)邊欄的單頁(yè)模版文件代碼：

<style id="diy_style" type="text/css"></style>
<div id="pt" class="bm cl">
<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a>
</div>
</div>
<div id="ct" class="wp cl ct2">
<div class="mn bm cl">
<div class="bm_h">標(biāo)題欄</div>
<div class="bm_c">
<p style="width:300px; margin:220px auto; text-align:center;">這里是單頁(yè)正文內(nèi)容區(qū)域</p>
</div>
</div>
<div class="sd">
<div class="bm">
<div class="bm_h">
<h2>公告欄</h2>
</div>
<div class="bm_c">
<p class="xl xl2 cl" style="line-height:25px;">
這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容
</p>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>操作菜單</h2>
</div>
<div class="bm_c">
<ul class="xl xl2 cl">
<li><a href="#">測(cè)試菜單一</a></li>
<li><a href="#">測(cè)試菜單二</a></li>
<li><a href="#">測(cè)試菜單三</a></li>
<li><a href="#">測(cè)試菜單四</a></li>
<li><a href="#">測(cè)試菜單五</a></li>
<li><a href="#">測(cè)試菜單六</a></li>
</ul>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>版權(quán)信息</h2>
</div>
<div class="bm_c" style="line-height:25px;">
<ul>
<li>作者：<a href="http://www.mutoulee.cn" target="_blank">體無(wú)完膚</a></li>
<li>網(wǎng)站：<a href="http://bbs.7drc.com" target="_blank">bbs.7drc.com</a></li>
<li>版權(quán)：Discuz! Rescue Centre</li>
</ul>
</div>
</div>
</div>
</div>

復(fù)制代碼

效果如下：
(, 下載次數(shù): 101)

-------------------------------------------------------------------------------------

帶有左側(cè)邊欄的單頁(yè)模版文件代碼：

<style id="diy_style" type="text/css"></style>
<div id="pt" class="bm cl">
<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a>
</div>
</div>
<div id="ct" class="wp cl ct2">
<div class="mn bm cl" style="float:right;">
<div class="bm_h">標(biāo)題欄</div>
<div class="bm_c">
<p style="width:300px; margin:220px auto; text-align:center;">這里是單頁(yè)正文內(nèi)容區(qū)域</p>
</div>
</div>
<div class="sd" style="float:left;">
<div class="bm">
<div class="bm_h">
<h2>公告欄</h2>
</div>
<div class="bm_c">
<p class="xl xl2 cl" style="line-height:25px;">
這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容
</p>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>操作菜單</h2>
</div>
<div class="bm_c">
<ul class="xl xl2 cl">
<li><a href="#">測(cè)試菜單一</a></li>
<li><a href="#">測(cè)試菜單二</a></li>
<li><a href="#">測(cè)試菜單三</a></li>
<li><a href="#">測(cè)試菜單四</a></li>
<li><a href="#">測(cè)試菜單五</a></li>
<li><a href="#">測(cè)試菜單六</a></li>
</ul>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>版權(quán)信息</h2>
</div>
<div class="bm_c" style="line-height:25px;">
<ul>
<li>作者：<a href="http://www.mutoulee.cn" target="_blank">體無(wú)完膚</a></li>
<li>網(wǎng)站：<a href="http://bbs.7drc.com" target="_blank">bbs.7drc.com</a></li>
<li>版權(quán)：Discuz! Rescue Centre</li>
</ul>
</div>
</div>
</div>
</div>

復(fù)制代碼

注意觀察這個(gè)左側(cè)邊欄的模版代碼和右側(cè)邊欄的模版代碼，可以發(fā)現(xiàn)，代碼其實(shí)都一樣，只是更改一下CSS樣式。

<div class="mn bm cl"> 給這個(gè)div加一個(gè)向右浮動(dòng)，即：

<div class="mn bm cl" style="float:right;">

復(fù)制代碼

再給 <div class="sd"> 這個(gè)div加一個(gè)向左浮動(dòng)的CSS樣式，即：

<div class="sd" style="float:left;">

復(fù)制代碼

就是說(shuō)只是左右對(duì)調(diào)一下。

演示效果如下：

(, 下載次數(shù): 113)

-------------------------------------------------------------------------------------

帶有標(biāo)簽選項(xiàng)卡的單頁(yè)模版：

<style id="diy_style" type="text/css"></style>
<div id="pt" class="bm cl">
<div class="z">
<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a>
</div>
</div>
<div id="ct" class="wp cl ct2">
<div class="mn bm cl" style="float:right;">
<div class="bm_h">標(biāo)題欄</div>
<div class="bm_c">
<ul class="tb cl">
<li class="a"><a href="test.php?viewtype=new">最新發(fā)布</a></li>
<li class="a"><a href="test.php?viewtype=view">瀏覽排行</a></li>
<li class="a"><a href="test.php?viewtype=comment">回復(fù)排行</a></li>
<li class="a"><a href="test.php?viewtype=rate">評(píng)分排行</a></li>
</ul>
<p style="width:300px; margin:200px auto; text-align:center;">這里是單頁(yè)正文內(nèi)容區(qū)域</p>
</div>
</div>
<div class="sd" style="float:left;">
<div class="bm">
<div class="bm_h">
<h2>公告欄</h2>
</div>
<div class="bm_c">
<p class="xl xl2 cl" style="line-height:25px;">
這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容這里可以放一些公告通知類的文字內(nèi)容
</p>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>操作菜單</h2>
</div>
<div class="bm_c">
<ul class="xl xl2 cl">
<li><a href="#">測(cè)試菜單一</a></li>
<li><a href="#">測(cè)試菜單二</a></li>
<li><a href="#">測(cè)試菜單三</a></li>
<li><a href="#">測(cè)試菜單四</a></li>
<li><a href="#">測(cè)試菜單五</a></li>
<li><a href="#">測(cè)試菜單六</a></li>
</ul>
</div>
</div>
<div class="bm">
<div class="bm_h">
<h2>版權(quán)信息</h2>
</div>
<div class="bm_c" style="line-height:25px;">
<ul>
<li>作者：<a href="http://www.mutoulee.cn" target="_blank">體無(wú)完膚</a></li>
<li>網(wǎng)站：<a href="http://bbs.7drc.com" target="_blank">bbs.7drc.com</a></li>
<li>版權(quán)：Discuz! Rescue Centre</li>
</ul>
</div>
</div>
</div>
</div>

復(fù)制代碼

注意觀察你會(huì)發(fā)現(xiàn)，選項(xiàng)卡這一部分跟X1.5一樣的，就是在模版的正文區(qū)域的div內(nèi)增加一段代碼：

<ul class="tb cl">
<li class="a"><a href="test.php?viewtype=new">最新發(fā)布</a></li>
<li class="a"><a href="test.php?viewtype=view">瀏覽排行</a></li>
<li class="a"><a href="test.php?viewtype=comment">回復(fù)排行</a></li>
<li class="a"><a href="test.php?viewtype=rate">評(píng)分排行</a></li>
</ul>

復(fù)制代碼

效果如下：

(, 下載次數(shù): 115)

此次教程整理結(jié)束。

作者: Xianger2120 時(shí)間: 2021-12-15 13:31
學(xué)習(xí)學(xué)習(xí)

作者: CG小霸王 時(shí)間: 2021-12-15 21:12
學(xué)習(xí)學(xué)習(xí)

作者: Xianger2120 時(shí)間: 2021-12-18 10:00

include template('forum/host');//調(diào)用單頁(yè)模版文件
如果調(diào)用的模板里面有加載其他數(shù)據(jù)，直接調(diào)用單頁(yè)模板不顯示頁(yè)面的數(shù)據(jù)，這個(gè)應(yīng)該怎么加呢

作者: dashen 時(shí)間: 2021-12-18 13:12

Xianger2120 發(fā)表于 2021-12-18 10:00
include template('forum/host');//調(diào)用單頁(yè)模版文件
如果調(diào)用的模板里面有加載其他數(shù)據(jù)，直接調(diào)用單頁(yè)模 ...

不知道你說(shuō)什么

作者: 玩慈利網(wǎng) 時(shí)間: 2021-12-20 11:59
厲害厲害，dz我還是只摸到皮毛，向大佬學(xué)習(xí)

作者: 無(wú)名 時(shí)間: 2021-12-20 20:26
感謝分享！

作者: ysx24 時(shí)間: 2021-12-21 20:00
模板不錯(cuò)

作者: xiongmao 時(shí)間: 2021-12-26 16:25
666666666666666666666

作者: bkevin0829 時(shí)間: 2021-12-26 22:03
這個(gè)很牛啊。學(xué)習(xí)一下

作者: 可樂不加冰 時(shí)間: 2022-1-17 21:22
學(xué)習(xí)再學(xué)習(xí)

作者: Rain木兮 時(shí)間: 2022-1-18 09:31
單頁(yè)制作教程

作者: pcinstall 時(shí)間: 2022-2-14 20:31
kk看看

作者: 金黑網(wǎng)絡(luò) 時(shí)間: 2022-2-15 02:12
不是傳說(shuō)中的體無(wú)完膚老大出的教程吧。

作者: ouhighboy 時(shí)間: 2022-3-8 00:10
學(xué)習(xí)一下

作者: 龍二哥 時(shí)間: 2022-6-15 22:16
好東東。

作者: xzi_cc 時(shí)間: 2022-6-23 12:29
棒呀！！！！

作者: 一劍橫天 時(shí)間: 2022-9-28 11:17
用這個(gè)代碼，死活不顯示插件，因?yàn)樯倭艘痪浯a【runhooks();】

管理加上吧？免得以后其他用戶糾結(jié)死

作者: zhyy7112 時(shí)間: 2022-10-5 22:28
感謝樓主的分享

作者: 文強(qiáng) 時(shí)間: 2022-10-14 10:55
進(jìn)來(lái)學(xué)習(xí)一下，感謝分享。

作者: zhansh 時(shí)間: 2022-10-17 20:57
好文章啊，學(xué)習(xí)學(xué)習(xí)

作者: 影子 時(shí)間: 2022-10-25 11:00
這個(gè)太好了

作者: dq10000 時(shí)間: 2022-10-25 15:00
學(xué)習(xí)學(xué)習(xí)

作者: 山有扶蘇 時(shí)間: 2022-10-27 11:06
學(xué)習(xí)了，謝謝分享

作者: icpcn 時(shí)間: 2022-12-2 22:24
學(xué)習(xí) 。

作者: wuhard 時(shí)間: 2022-12-6 10:16
不錯(cuò)的教程

作者: qhminhe 時(shí)間: 2022-12-8 21:35
單頁(yè)制作教程 For Discuz!X2（DIY/左右邊欄/標(biāo)簽選項(xiàng)卡）

作者: 任我行 時(shí)間: 2022-12-15 20:24
太給力了，大贊

作者: gogo123 時(shí)間: 2022-12-17 20:25
制作教程 For Discuz

作者: 幸福班主任 時(shí)間: 2023-1-13 10:23
真不愧是大佬啊~~學(xué)習(xí)了！

作者: 幸福 時(shí)間: 2023-1-24 17:13
向大佬學(xué)習(xí)！

作者: yezirui 時(shí)間: 2023-4-28 21:01
感謝分享

作者: liucaihex 時(shí)間: 2023-7-5 23:43
嚯嚯嚯，這個(gè)主題還在吶。

作者: 9axl 時(shí)間: 2023-9-6 18:36
學(xué)習(xí)中。。。。

作者: 海哥 時(shí)間: 2023-9-12 21:23
頂樓主啦..希望樓主多發(fā)精品好帖啦.....

作者: 海哥 時(shí)間: 2023-10-12 14:04
頂樓主啦..希望樓主多發(fā)精品好帖啦.....

作者: playba 時(shí)間: 2023-10-17 16:37
這個(gè)很牛啊。學(xué)習(xí)一下

作者: 壓力山大 時(shí)間: 2023-11-3 09:37
非常好教材，學(xué)習(xí)一下。

作者: dysnxp 時(shí)間: 2023-11-7 01:22
學(xué)習(xí)學(xué)習(xí)！！！

作者: playba 時(shí)間: 2023-11-18 14:37
這個(gè)很牛啊。學(xué)習(xí)一下

作者: 18972499663 時(shí)間: 2023-12-4 20:49
學(xué)習(xí)學(xué)習(xí)

作者: 可樂不加冰 時(shí)間: 2023-12-12 21:40
來(lái)晚了來(lái)晚了

作者: Su2Seven 時(shí)間: 2024-1-2 02:13
參觀學(xué)習(xí)

作者: 賀蘭生 時(shí)間: 2024-8-22 15:42
在老站的時(shí)候收藏過(guò)，再收藏一下

作者: buzhaoshan 時(shí)間: 2024-12-3 18:30
這個(gè)必須支持

作者: 倪風(fēng) 時(shí)間: 2025-1-7 21:58
感謝分享

作者: ?DZ插件開發(fā)商 時(shí)間: 2025-3-13 08:45
提示: 作者被禁止或刪除內(nèi)容自動(dòng)屏蔽

作者: 海哥 時(shí)間: 2025-7-2 11:54

學(xué)習(xí)了

作者: lilin 時(shí)間: 2025-7-15 18:31
學(xué)習(xí)一下

作者: 龍神 時(shí)間: 2025-8-27 21:15
#在這里快單頁(yè)文件php如下hide速回復(fù)#

歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/)

久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线