ASP.NET2.0で簡単にWebサイトのスキンケアを実現(App_Themesの使用)
14325 ワード
! 20% QQ493409332
ASP.NET2.0 (App_Themes )
1.
App_Themes :
- - - ASp.net -
Themes 、 , 。Themes 1 App_Themes , 。
、 Themes Skins:
:
App_Themes\default\1.skin :
<asp:Label Font-Bold="true" ForeColor="Red" runat="server" />
default.aspx: :
<%@ Page Language="C#" Theme="default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Page with Example Theme Applied</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Label ID="Label1" runat="server" Text="Hello 1" /><br />
<asp:Label ID="Label2" runat="server" Text="Hello 2" /><br />
</form>
</body>
</html>
default.aspx style , label , 1 theme 。
App_Themes :
App_Themes ,App_Themes Theme , .skin .css 。 2 Theme, default default2:
<img src="http://cndw.com/ShowImg.asp?p=/2006-4-26/794853ms136_1.jpg">
themes
1、 1 Theme:
1 Theme, aspx <%@ Page Theme="..." %>, default2 theme, <%@ Page Theme="default2" %> OK
2、 1 Theme:
Theme, web.config <system.web> <pages theme="..."/>
3、 Theme:
1 2 Label , .skin Label 。 1 Label .skin , Label EnableTheming false 。
label , label SkinID , :
App_Themes\default\1.skin
<asp:label runat="server" font-bold="true" forecolor="Red" />
<asp:label runat="server" SkinID="Blue" font-bold="true" forecolor="blue" />
deafult.aspx
<%@ Page Language="C#" Theme="default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Page with Example Theme Applied</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Label ID="Label2" runat="server" Text="Hello 2" SkinID="Blue" /><br />
<asp:Label ID="Label3" runat="server" Text="Hello 3" /><br />
</form>
</body>
</html>
2 label 。
4、 :
aspx <%@ Page Theme="..." %> theme, theme aspx style。 :
App_Themes\default\1.skin
<asp:Label Font-Bold="true" ForeColor="Red" runat="server" />
default.aspx
<%@ Page Language="C#" Theme="default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml">
<head id="Head1" runat="server">
</head>
<body>
<form id="form1" runat="server">
<asp:Label ID="Label1" runat="server" Text="Hello 1" /><br />
<asp:Label ID="Label2" runat="server" Text="Hello 2" ForeColor="blue" />
</form>
</body>
</html>
, label forecolor red。
<%@ Page StyleSheetTheme="..." %> theme aspx style:
style :
a、StyleSheetTheme
b、 ( StyleSheetTheme)
c、Theme ( 2 )
theme CSS:
theme .css , .css 1 theme , theme .css
、
aspx web.config theme, blog skin skin 。
theme ,theme page , Page_PreInit , , 1 :
Page.Theme = "...";
theme skin 。