動易SiteFactoryCMS快報——后臺界面主題控制
動易CMS 2007新版本在"我的控制臺"功能里加入了"主題控制"功能(如下圖),通過"主題控制"功能能夠一鍵切換后臺管理風格,讓管理者有不一樣的視覺感受,而且每個管理員可以根據自己的操作習慣設置自己喜歡的主題風格。本文將重點講解管理后臺模板的制作方法。
首先來了解一下管理后臺所涉及相關模板文件的位置:
1、Admin目錄
Login.aspx:管理員登錄頁面,CSS文件對應為Common/Login.css。登錄頁中以服務器控件方式調用所有動態內容,以方便用戶對登錄頁進行設計與布局。
Index.aspx:管理后臺布局頁。為了格式化數據,默認頁面中以表格方式采用上、下分欄布局,下部又分成左、中、右分欄布局,調用index.css。
Guide.master:管理后臺左側管理導航區模板頁,內容顯示在Index.aspx下左位置,調用Guide.css。
MasterPage.master:管理后臺右側操作區模板頁,內容顯示在Index.aspx下右位置,調用MasterPage.css。
2、App_Themes目錄
AdminDefaultTheme、AdminBlueTheme、AdminGreenTheme:文件夾分別存放管理后臺默認風格、藍色風格和綠色風格文件。每個文件夾中都有以下目錄和文件:
Images:存放風格圖片文件。
Default.skin:默認的外觀模板文件。
index.css:管理后臺主要CSS樣式定義。
Guide.css:左側管理導航區模板頁CSS樣式定義。
MasterPage.css:右側操作區模板頁CSS樣式定義。
xtree.css:節點樹CSS樣式定義。
ThemeThumb.gif:各風格gif格式縮略圖。
如果要完全修改管理后臺的布局與樣式,則需要修改到上述相關文件。.aspx和.css文件相配合,控制后臺頁面結構與樣式,在了解管理后臺設計前,請先仔細閱讀并理解管理后臺的結構圖形示意圖:
以記事本打開"Index.aspx"文件,除去頂部樣式定義與JS定義代碼外,在
:第一對 | 為"管理導航區",第二對 | 為"關閉/打開"管理導航區,第三對 | 為"功能操作區"。 |
用戶登錄
還沒有賬號?
立即注冊