程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> ASP.NET定義主題和外觀

ASP.NET定義主題和外觀

編輯:關於ASP.NET

定義

主題由一組元素組成:外觀、級聯樣式表 (CSS)、圖像和其他資源。主題將至少包含外觀。主題是在網站或 Web 服務器上的特殊目錄中定義的。

外觀

外觀文件具有文件擴展名 .skin,它包含各個控件的屬性設置。控件外觀設置類似於控件標記本身,但只包含您要作為主題的一部分來設置的屬性。

有兩種類型的控件外觀 -“默認外觀”和“已命名外觀”:

當向頁應用主題時,默認外觀自動應用於同一類型的所有控件。如果控件外觀沒有 SkinID 屬性,則是默認外觀。已命名外觀是設置了 SkindID屬性的控件外觀。

級聯樣式表

主題還可以包含級聯樣式表(。css 文件)。將 .css 文件放在主題文件夾中時,樣式表自動作為主題的一部分加以應用。使用文件擴展名 .css 在主題文件夾中定義樣式表。

主題圖形和其他資源

主題還可以包含圖形和其他資源,例如腳本文件或聲音文件。

例子

1、首先選擇網站項目名稱→右鍵單擊→添加新項

2.系統會建立一個app_themes文件夾,並在裡面建立一個皮膚文件夾sampleTheme,並在裡面建立一個皮膚文件sampleTheme.skin.

3.在皮膚文件夾sampleTheme中添加一個Label.skin文件和Calendar.skin文件。

4.文件內容如下:

Label.skin

<asp:label runat="server"
   font-bold="true"
   forecolor="orange" />
  
<asp:label runat="server" SkinID="Blue"
   font-bold="true"
   forecolor="blue" />

Calendar.skin:

<asp:Calendar runat="server"
   BackColor="#FFFFCC"
   BorderColor="#FFCC66"
   BorderWidth="1px"
   DayNameFormat="FirstLetter"
   Font-Names="Verdana"
   Font-Size="8pt"
   ForeColor="#663399"
   Height="200px"
   ShowGridLines="True"
   Width="220px">
  
   <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
   <SelectorStyle BackColor="#FFCC66" />
   <OtherMonthDayStyle ForeColor="#CC9966" />
   <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
   <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
   <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
   <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />
</asp:Calendar>
<asp:Calendar SkinID="Simple" runat="server"
   BackColor="White"
   BorderColor="#999999"
   CellPadding="4"
   DayNameFormat="FirstLetter"
   Font-Names="Verdana"
   Font-Size="8pt"
   ForeColor="Black"
   Height="180px"
   Width="200px">
  
   <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
   <SelectorStyle BackColor="#CCCCCC" />
   <WeekendDayStyle BackColor="#FFFFCC" />
   <OtherMonthDayStyle ForeColor="#808080" />
   <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
   <NextPrevStyle VerticalAlign="Bottom" />
   <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
   <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
</asp:Calendar>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved