Discuz常見大問題-如何DIY一個獨立頁面


首先參考Discuz如何自定義單個頁面的文章,確保你已經能做一個"關於我們"這種純HTML靜態頁面(只有文字和靜態圖片描述)。其次參考下面的文件修改原來的htm文件

注意我用紅色標注出來的是一定要套用的起始和結束格式,當然[name]括起來的東西是可以自己定義的

黃色標注出來的是可以自己添加的CSS文件和HTML文件內容(這個跟前面說的一樣,是你自己定義頁面的內容,可以放圖片,文字,嵌入視頻等等)

綠色的區域尤其重要,<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->這一行就表示定義了一個可以DIY的區域,div=diy1和div id="diy1"缺一不可,而且不要在同一個htm文件中有兩個相同的ID

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

<!--[name]優傲機器人模板[/name]-->

<style id="diy_style" type="text/css"></style>

<link rel="stylesheet" type="text/css" href="style/basic.css" />

<div class="wp">

    <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

    <!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->

</div>

 

<div class="">

    <p class="content_title">優傲機器人官方介紹</p>

    <a class="content_link" href="http://v.youku.com/v_show/id_XODEwMTUxMTEy.html?f=22971145&spm=a2h1n.8251843.0.0">優傲機器人精彩視頻集錦</a>

</div>

        

<div class="content_video">    

    <embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XODEwMTYxNDA4/v.swf' quality='high' width=100% height='550' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>

</div>

 

<script src="misc.php?mod=diyhelp&action=get&type=index&diy=yes&r={echo random(4)}" type="text/javascript"></script>

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

<!--引用公共底部-->

 

這樣的方法添加了PHP和htm文件之后,刷新網頁的指定頁面(注意已經不是主頁了,而是自定義的php頁面),在diy模式下,可以看到定義成可以DIY的區域有一行淺綠色的背景,如果你沒有一行可DIY區域就沒有這個特點,如果沒有這個,你也可以DIY,但是點擊保存之后就啥也沒了(頁面沒有可以保存DIY的區域)

 

這個時候我再添加框架,就可以決定添加到哪個框架中(仔細看當我移動藍色的1框架,他可以在不同的DIY區域內切換)

 

即便我什么都不做,直接點擊保存,也可以發現多了1框架的文本,這說明這個框架已經添加到這個頁面了

 

當然還沒有完成,我們只是添加了框架,接下來需要往框架中填充數據(我個人是希望在這個版塊中填充只屬於這個板塊的數據,這樣可以更加高效,用戶既然點擊了這個版塊,就說明他專心想在這個版塊的相關內容找資源,如果是首頁那么就是所有板塊的所有數據的集合),接着點擊DIY-高級模式,然后在框架中拖入帖子模塊,設置數據來源為指定的幾個板塊(按住Ctrl鍵可以多選),點擊確定

設置好不同的數據來源之后,這個板塊就可以只顯示你指定的幾個板塊數據了(當然如果前面添加的不是100%的框架,比如1:1:1那么你接着拖放別的模塊到框架中即可)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM