鴻茂傳媒 發(fā)表于 2020-03-05 22:01
首頁可以自己打開diy，自由拖動(dòng)框架來做，如果要更好的，可以定制開發(fā)設(shè)計(jì)，也可以自己買第三方模板。
第一、做discuz門戶模板首先你要會(huì)PS， 設(shè)計(jì)出你的網(wǎng)頁，當(dāng)然其他軟件也行，或者模仿一下別人的網(wǎng)站也可以。然后切圖，排版，成為靜態(tài)HTML文件，測(cè)試好兼容性。
這里不詳細(xì)說了。要是不懂html 還是需要去學(xué)一下再來看。
做好準(zhǔn)備以后下面開始往DZ里面套！
二、（說明下這里只說的是門戶頁，因?yàn)锽BS頁的風(fēng)格我還沒研究，所以先用默認(rèn)的BBS風(fēng)格）
1、為了不影響默認(rèn)風(fēng)格，首先我們復(fù)制一份默認(rèn)風(fēng)格見下圖：
2、到template目下創(chuàng)建一個(gè)文件夾。名字自取，我這里就叫test1.
3、到模板管理里面新增一個(gè)模板。名字自取，路徑指定到剛才新建的文件夾。如下圖
4、設(shè)置好以后 編輯剛才復(fù)制出來的風(fēng)格，如下圖
5、設(shè)置好以后把這個(gè)風(fēng)格設(shè)置為默認(rèn)?！ ?/font>
三、下面開始正式門戶制作。
1、在剛才template建立的test1文件夾下面創(chuàng)建2個(gè)文件夾分別命名為 common 和 portal。
2、到templatedefaultcommon下面復(fù)制 common.css head.htm和footer.html 粘貼到template est1common。
這里我們先不制作頭部和底部先用默認(rèn)的頭和底。 3、然后把你設(shè)計(jì)的靜態(tài)頁面命名為index.htm復(fù)制到 emplate est1portal下。
4、在論壇所在根目錄下創(chuàng)建一個(gè)名為test1的文件夾，最好和你的新增模板的文件夾名字一樣或者相似。只要自己方便識(shí)別就行。建立好之后 把你靜態(tài)頁面的 css文件 圖片文件 js文件等 全部復(fù)制到這個(gè)文件夾里面。
四、以上完成之后刷新下你的門戶發(fā)現(xiàn)是沒有加載樣式的。 這表示你前面的工作成功，下面開始改代碼！
1、首先把你的靜態(tài)頁面的以上和一下全部刪掉，包括body標(biāo)簽。
2、把這句代碼
<！--{subtemplate common/header}-->
復(fù)制代碼復(fù)制到文件最頂部，下面這段復(fù)制到最底部
<！--{subtemplate common/footer}-->
復(fù)制代碼 3、把你的CSS文件調(diào)用進(jìn)來，放到<！--{subtemplate common/header}-->
下面就可以了，下面是我的，改好路徑就好了。這里應(yīng)該把CSS js全部調(diào)用進(jìn)來。
復(fù)制代碼 4、保存好后刷新下門戶發(fā)現(xiàn) 出了圖片 基本框架都出來了。 圖片錯(cuò)誤是因?yàn)槁窂讲粚?duì)。把路徑全部改過來。
在原來路徑前面加上剛才在根目錄下創(chuàng)建的文件夾的名字就好了，全部替換就可以了。如圖
五、到此你的靜態(tài)網(wǎng)頁已經(jīng)轉(zhuǎn)換到DZ下了。下面開始添加框架和模塊。 1、首先把不帶CSS的標(biāo)簽替換成。<！--[diy=diy1]-->
<！--[/diy]-->
1-1、這個(gè)<！--[diy=diy1]-->具體什么意思我也不知道，反正規(guī)則是 <！--[diy=diy1]-->diy1 要和他所包含的的DIV標(biāo)簽的ID保持一致，且具有唯一性.class=“area”保持不變。比如下圖。飄紅的部分是替換的。如圖第二部分顯示所有的都是diy1這樣就錯(cuò)了。要保持唯一性。不能重復(fù)！ 如圖二。
這部分替換后 我們就可以去diy頁面添加框架和模塊了
六、1、首先添加框架如下圖。 把所有框架的 標(biāo)題全部去掉。
至此，大概就這樣了，后期的就自己研究吧。
聲明：此教程不是本人所編輯，教程來源于賢相網(wǎng)絡(luò)（www.k58x.com）網(wǎng)站.
騎驢追火箭 發(fā)表于 2020-03-06 09:56
本帖最后由 騎驢追火箭 于 2020-3-6 09:58 編輯
第一、做discuz門戶模板首先你要會(huì)PS， 設(shè)計(jì)出你的網(wǎng)頁，當(dāng)然其他軟件也行，或者模仿一下別人的網(wǎng)站也可以。然后切圖，排版，成為靜態(tài)HTML文件，測(cè)試好兼容性。
這里不詳細(xì)說了。要是不懂html 還是需要去學(xué)一下再來看。做好準(zhǔn)備以后下面開始往DZ里面套！二、（說明下這里只說的是門戶頁，因?yàn)锽BS頁的風(fēng)格我還沒研究，所以先用默認(rèn)的BBS風(fēng)格）1、為了不影響默認(rèn)風(fēng)格，首先我們復(fù)制一份默認(rèn)風(fēng)格見下圖：2、到template目下創(chuàng)建一個(gè)文件夾。名字自取，我這里就叫test1.3、到模板管理里面新增一個(gè)模板。名字自取，路徑指定到剛才新建的文件夾。如下圖4、設(shè)置好以后 編輯剛才復(fù)制出來的風(fēng)格，如下圖
5、設(shè)置好以后把這個(gè)風(fēng)格設(shè)置為默認(rèn)?！ ∪?、下面開始正式門戶制作。1、在剛才template建立的test1文件夾下面創(chuàng)建2個(gè)文件夾分別命名為 common 和 portal。2、到templatedefaultcommon下面復(fù)制 common.css head.htm和footer.html 粘貼到template est1common。這里我們先不制作頭部和底部先用默認(rèn)的頭和底。 3、然后把你設(shè)計(jì)的靜態(tài)頁面命名為index.htm復(fù)制到 emplate est1portal下。4、在論壇所在根目錄下創(chuàng)建一個(gè)名為test1的文件夾，最好和你的新增模板的文件夾名字一樣或者相似。只要自己方便識(shí)別就行。建立好之后 把你靜態(tài)頁面的 css文件 圖片文件 js文件等 全部復(fù)制到這個(gè)文件夾里面。四、以上完成之后刷新下你的門戶發(fā)現(xiàn)是沒有加載樣式的。 這表示你前面的工作成功，下面開始改代碼！1、首先把你的靜態(tài)頁面的以上和一下全部刪掉，包括body標(biāo)簽。2、把這句代碼<！--{subtemplate common/header}-->
復(fù)制代碼復(fù)制到文件最頂部，下面這段復(fù)制到最底部<！--{subtemplate common/footer}-->復(fù)制代碼 3、把你的CSS文件調(diào)用進(jìn)來，放到<！--{subtemplate common/header}-->下面就可以了，下面是我的，改好路徑就好了。這里應(yīng)該把CSS js全部調(diào)用進(jìn)來。
復(fù)制代碼 4、保存好后刷新下門戶發(fā)現(xiàn) 出了圖片 基本框架都出來了。 圖片錯(cuò)誤是因?yàn)槁窂讲粚?duì)。把路徑全部改過來。在原來路徑前面加上剛才在根目錄下創(chuàng)建的文件夾的名字就好了，全部替換就可以了。如圖
五、到此你的靜態(tài)網(wǎng)頁已經(jīng)轉(zhuǎn)換到DZ下了。下面開始添加框架和模塊。 1、首先把不帶CSS的標(biāo)簽替換成。<！--[diy=diy1]--><！--[/diy]-->
1-1、這個(gè)<！--[diy=diy1]-->具體什么意思我也不知道，反正規(guī)則是 <！--[diy=diy1]-->diy1 要和他所包含的的DIV標(biāo)簽的ID保持一致，且具有唯一性.class=“area”保持不變。比如下圖。飄紅的部分是替換的。如圖第二部分顯示所有的都是diy1這樣就錯(cuò)了。要保持唯一性。不能重復(fù)！ 如圖二。
這部分替換后 我們就可以去diy頁面添加框架和模塊了六、1、首先添加框架如下圖。 把所有框架的 標(biāo)題全部去掉。至此，大概就這樣了，后期的就自己研究吧。聲明：此教程不是本人所編輯，教程來源于賢相網(wǎng)絡(luò)（www.k58x.com）網(wǎng)站.
| 歡迎光臨 Discuz! 官方交流社區(qū) (http://r615.cn/) | Powered by Discuz! X5.0 |