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