目錄
目錄X

動(dòng)易SiteFactoryCMS快報(bào)——后臺(tái)界面主題控制

  動(dòng)易CMS 2007新版本在"我的控制臺(tái)"功能里加入了"主題控制"功能(如下圖),通過(guò)"主題控制"功能能夠一鍵切換后臺(tái)管理風(fēng)格,讓管理者有不一樣的視覺(jué)感受,而且每個(gè)管理員可以根據(jù)自己的操作習(xí)慣設(shè)置自己喜歡的主題風(fēng)格。本文將重點(diǎn)講解管理后臺(tái)模板的制作方法。

  首先來(lái)了解一下管理后臺(tái)所涉及相關(guān)模板文件的位置:

  1、Admin目錄

  Login.aspx:管理員登錄頁(yè)面,CSS文件對(duì)應(yīng)為Common/Login.css。登錄頁(yè)中以服務(wù)器控件方式調(diào)用所有動(dòng)態(tài)內(nèi)容,以方便用戶對(duì)登錄頁(yè)進(jìn)行設(shè)計(jì)與布局。
  Index.aspx:管理后臺(tái)布局頁(yè)。為了格式化數(shù)據(jù),默認(rèn)頁(yè)面中以表格方式采用上、下分欄布局,下部又分成左、中、右分欄布局,調(diào)用index.css。
  Guide.master:管理后臺(tái)左側(cè)管理導(dǎo)航區(qū)模板頁(yè),內(nèi)容顯示在Index.aspx下左位置,調(diào)用Guide.css。
  MasterPage.master:管理后臺(tái)右側(cè)操作區(qū)模板頁(yè),內(nèi)容顯示在Index.aspx下右位置,調(diào)用MasterPage.css。

  2、App_Themes目錄

  AdminDefaultTheme、AdminBlueTheme、AdminGreenTheme:文件夾分別存放管理后臺(tái)默認(rèn)風(fēng)格、藍(lán)色風(fēng)格和綠色風(fēng)格文件。每個(gè)文件夾中都有以下目錄和文件:

  Images:存放風(fēng)格圖片文件。
  Default.skin:默認(rèn)的外觀模板文件。
  index.css:管理后臺(tái)主要CSS樣式定義。
  Guide.css:左側(cè)管理導(dǎo)航區(qū)模板頁(yè)CSS樣式定義。
  MasterPage.css:右側(cè)操作區(qū)模板頁(yè)CSS樣式定義。
  xtree.css:節(jié)點(diǎn)樹(shù)CSS樣式定義。
  ThemeThumb.gif:各風(fēng)格gif格式縮略圖。

  如果要完全修改管理后臺(tái)的布局與樣式,則需要修改到上述相關(guān)文件。.aspx和.css文件相配合,控制后臺(tái)頁(yè)面結(jié)構(gòu)與樣式,在了解管理后臺(tái)設(shè)計(jì)前,請(qǐng)先仔細(xì)閱讀并理解管理后臺(tái)的結(jié)構(gòu)圖形示意圖:

  以記事本打開(kāi)"Index.aspx"文件,除去頂部樣式定義與JS定義代碼外,在


  

  

  
  
  

  http://www.avxsl666.com" target="_blank" title="PowerEasy.NET 主頁(yè)">PowerEasy.NET主頁(yè) | http://help.PowerEasy.net" target="_blank" title="PowerEasy.NET 幫助">幫助

  

  

  
:第一對(duì) 為"管理導(dǎo)航區(qū)",第二對(duì) 為"關(guān)閉/打開(kāi)"管理導(dǎo)航區(qū),第三對(duì) 為"功能操作區(qū)"。
  

  
  

  關(guān)閉左欄
  

  
  

【打印正文】 發(fā)布時(shí)間:2007-09-19 14:07:05 瀏覽次數(shù): 作者:bbsh 來(lái)源:本站原創(chuàng)
×

用戶登錄