<delect id="5f7vz"><var id="5f7vz"><rp id="5f7vz"></rp></var></delect>

            <font id="5f7vz"><thead id="5f7vz"><delect id="5f7vz"></delect></thead></font>

            <em id="5f7vz"><thead id="5f7vz"></thead></em>
            
            

            <big id="5f7vz"></big>
            <span id="5f7vz"><mark id="5f7vz"><progress id="5f7vz"></progress></mark></span>

                AB模板網:專注于dede模板,織夢源碼,織夢模板,網站模板下載,dedecms模板,網站源碼,dedecms教程以及各類手機網站模板和企業網站模板分享.

                織夢模板

                網站模板搜索
                營銷型模板 政府網站模板 自適應模板 雙語模板 標簽大全

                注冊

                Discuz! X的CSS加載機制

                網站模板下載 www.artikuyan.com / 2015-08-02
                首先,每個頁面都會加載以下兩個css,data/cache/style_1_common.css和data/cache/style_1_forum_index.css。
                 
                先講講這兩個文件名的命名規則:第一個是整站通用的css,所以命名為common.css,然后前面的代號是你使用了哪套風格,所以style_1_common.css表示是第一套風格的共用的css;第二個是表示forum的index頁面風格,也就是論壇的首頁風格。
                 
                下面講一下那兩個css是如何生成的。
                首先,那兩個css是程序生成的css緩存,所以你要改css的話,不能直接改那兩個文件,否則一更新緩存,之前的改動就無效了。大家可以看到template對應的每套模板中,就拿自帶的default模板舉例吧,default模板中,帶有一個common的文件夾,里面有css文件,common.css對應的就是生成緩存的style_1_common.css文件,style_1_forum_index.css對應的是module.css。
                 
                common.css沒有什么特別之處,里面也有css的說明,跟普通的css差不多。
                大家打開module.css,可以看到有這樣的說明,
                /** group::index **/
                        /* 群組 index 模塊使用的CSS */
                /** end **/
                復制代碼
                /** group::index **/開始到/** end **/結束,說明是group頻道的index模塊使用的CSS,也就是群組頻道對應的首頁模板將使用的CSS。
                 
                再舉個例子,/** misc::invite,group,forum::viewthread **/開始到/** end **/結束,說明是misc頻道的invite模塊、group頻道的全部模塊和forum頻道的viewthread模塊使用的CSS。
                 
                ok,下面的大家可以參照這個學習一下,包括你想擴展他,都可以直接在里面直接添加就可以。
                 
                下面講講緩存css是如何生成的,common.css比較簡單,就是直接讀取,然后生成到data/cache目錄下。每個頻道模塊獨立的css,會先將module.css在data/cache下生成一個對應的風格id下的緩存的css,然后當你訪問某個頻道時,會生成對應頻道下的css,此時,剛才介紹的那些標識就起作用了。程序會根據/** group::index **/和/** end **/這種標識,拆分出哪些頻道、哪些模塊該需要哪些css。
                 
                程序部分就不介紹了,程序的代碼主要在source/class/class_template.php文件處理,有興趣的同學可以深入研究一下。
                本文由AB模板網整理發布,轉載請說明出處:http://www.artikuyan.com/discuzjc/1341.html

                有問題可以加入織夢技術QQ群一起交流學習

                ☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

                ☉本站的源碼不會像其它下載站一樣植入大量的廣告。

                ☉本站提供的織夢源碼,都是做好測試好發布的,均可放心使用。

                ☉本站提供的織夢源碼,均帶數據及演示地址?梢栽谌我辉创a詳情頁查看演示地址。

                ☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

                ☉如有其他問題,請加網站客服QQ(9490489)進行交流。

                相關教程

                織夢模板_隨機Tags

                野外生存網站模板 美甲網站模板 風機網站模板 企業集團網站源碼網站模板 數碼電子網站模板 卡通水杯網站模板 彈簧網站模板 商城網站模板 裝飾網站模板 西服定制網站模板 汽車網站模板 水果蔬菜網站模板

                推薦教程

                首頁 VIP專區 html模板 會員中心
                百姓购彩