竞彩足球比分如何分析|竞彩足球比分加时
 
您現在所在位置:主頁 > 服務項目 > 網站建設 > 網站建設知識 >

discuz制作門戶首頁DIY模板教程

時間:2013-09-03 09:35     點擊:次     文章來源:西安網站建設|設計     [關閉]

一、做 discuz門戶模板 首先你要會PS, 設計出你的網頁,當然其他軟件也行,或者模仿一下別人的網站也可以。 然后切圖,排版,成為靜態HTML文件,測試好兼容性。 這里不詳細說了。
 

一、做discuz門戶模板首先你要會PS, 設計出你的網頁,當然其他軟件也行,或者模仿一下別人的網站也可以。

然后切圖,排版,成為靜態HTML文件,測試好兼容性。

 
128d83da81cb39db1e4cc0ead0160924aa18304c.jpg
這里不詳細說了。要是不懂html 還是需要去學一下再來看。

做好準備以后下面開始往DZ里面套!

二、(說明下這里只說的是門戶頁,因為BBS頁的風格我還沒研究,所以先用默認的BBS風格)

1、為了不影響默認風格,首先我們復制一份默認風格見下圖:

 
9e9353cb39dbb6fdfbd7429a0924ab18962b374c.jpg
2、到template目下創建一個文件夾。名字自取,我這里就叫test1.

 
9329e6a85edf8db1824dfcc00923dd54574e74f9.jpg
3、到模板管理里面新增一個模板。名字自取,路徑指定到剛才新建的文件夾。如下圖

 
f69264fd5266d016a2953994972bd40734fa354c.jpg
4、設置好以后 編輯剛才復制出來的風格,如下圖

 
91965fb1cb134954427d68c0564e9258d0094af9.jpg
5、設置好以后把這個風格設置為默認。  =========================================================================

三、下面開始正式門戶制作。

1、在剛才template建立的test1文件夾下面創建2個文件夾分別命名為 common 和 portal。

2、到templatedefaultcommon下面復制 common.css head.htm和footer.html 粘貼到template est1common。

這里我們先不制作頭部和底部先用默認的頭和底。 3、然后把你設計的靜態頁面命名為index.htm復制到 emplate est1portal下。

4、在論壇所在根目錄下創建一個名為test1的文件夾,最好和你的新增模板的文件夾名字一樣或者相似。只要自己方便識別就行。建立好之后 把你靜態頁面的 css文件 圖片文件 js文件等 全部復制到這個文件夾里面。

四、以上完成之后刷新下你的門戶發現是沒有加載樣式的。 這表示你前面的工作成功,下面開始改代碼!

1、首先把你的靜態頁面的以上和一下全部刪掉,包括body標簽。

2、把這句代碼

<!--{subtemplate common/header}-->

 

復制代碼復制到文件最頂部,下面這段復制到最底部

<!--{subtemplate common/footer}-->

復制代碼 3、把你的CSS文件調用進來,放到<!--{subtemplate common/header}-->

下面就可以了,下面是我的,改好路徑就好了。這里應該把CSS js全部調用進來。

 

復制代碼 4、保存好后刷新下門戶發現 出了圖片 基本框架都出來了。 圖片錯誤是因為路徑不對。把路徑全部改過來。

在原來路徑前面加上剛才在根目錄下創建的文件夾的名字就好了,全部替換就可以了。如圖

 
045a9b540923dd541b1027ccd109b3de9d8248f9.jpg
==========================================================================

五、到此你的靜態網頁已經轉換到DZ下了。下面開始添加框架和模塊。 1、首先把不帶CSS的標簽替換成。<!--[diy=diy1]-->

<!--[/diy]-->

 

1-1、這個<!--[diy=diy1]-->具體什么意思我也不知道,反正規則是 <!--[diy=diy1]-->diy1 要和他所包含的的DIV標簽的ID保持一致,且具有唯一性.class=“area”保持不變。比如下圖。飄紅的部分是替換的。如圖第二部分顯示所有的都是diy1這樣就錯了。要保持唯一性。不能重復! 如圖二。

 
1f5fdb24ab18972b7ab6a776e6cd7b899f510a4c.jpgc66a0f54564e92589e57064a9c82d158cdbf4ef9.jpg
這部分替換后 我們就可以去diy頁面添加框架和模塊了

六、1、首先添加框架如下圖。 把所有框架的 標題全部去掉。
121d844e9258d109e3802916d158ccbf6d814df9.jpg

文章由http://www.qycel.com.cn-西安網站制作|西安網站建設|西安網絡公司,轉載請保留出處,謝謝!

  • 西安唐華精工環境工程有限公司

    西安唐華精工環境工

  • 陜西出版集團

    陜西出版集團

  • 西安金泰展覽展示有限公司

    西安金泰展覽展示有

  • 美果設計培訓中心

    美果設計培訓中心

  • 長安教育網

    長安教育網

服務項目:網站建設網站托管微信公眾平臺開發/營銷搜索引擎優化域名主機郵箱400電話平面設計競價推廣App制作及開發POS機銷售企業彩鈴短信群發


總部:西安市長樂西路17號第四軍醫大學3區綜合樓4樓
業務外聯部:  鐘樓  東郊  西郊  南郊  北郊
郵編:710032        QQ:350795135   1021809792
電話:029-87576500    15249183019
網址:www.qycel.com.cn       郵箱:[email protected]

 
竞彩足球比分如何分析