ASP.Net/Theme Style/Themes

Материал из .Net Framework эксперт
Версия от 11:52, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Applying a theme application-wide from the Web.config file

 
<?xml version="1.0" encoding="UTF-8" ?>
    
<configuration>
   <system.web>
      <pages theme="SmokeAndGlass" />
   </system.web>
</configuration>
 
If you specify the theme in the Web.config file, you don"t need to define the theme in the Page directive of your ASP.NET pages. 
This theme is applied automatically to each and every page within your application.



Assigning the Page"s Theme Programmatically (VB / C#)

<script runat="server" language="vb">
    Protected Sub Page_PreInit(ByVal sender As Object, ByVal e As System.EventArgs)
       Page.Theme = Request.QueryString("ThemeChange")
    End Sub
</script>
C# version   
<script runat="server">
    protected void Page_PreInit(object sender, System.EventArgs e)
    {
       Page.Theme = Request.QueryString["ThemeChange"];
    }
</script>



Assigning the server control"s SkinID property programmatically (VB / C#)

 
VB version
<script runat="server" language="vb">
    Protected Sub Page_PreInit(ByVal sender As Object, ByVal e As System.EventArgs)
       TextBox1.SkinID = "TextboxDashed"
    End Sub
</script>
   
C# version
<script runat="server">
    protected void Page_PreInit(object sender, System.EventArgs e)
    {
       TextBox1.SkinID = "TextboxDashed";
    }
</script>



Calendar Themes

File: Calendar.aspx
<%@ Page Language="C#" Theme="FunkyTheme" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Calendar ID="Calendar1" runat="server" />
    </div>
    </form>
</body>
</html>
File: Calendar.skin
<asp:Calendar runat="server" 
              BackColor="White" 
              BorderColor="Black" 
              BorderStyle="Solid" 
              CellSpacing="1" 
              Font-Names="Verdana" 
              Font-Size="9pt" 
              ForeColor="Black" 
              Height="250px" 
              Width="500px" 
              NextPrevFormat="ShortMonth" 
              SelectionMode="Day">
   <SelectedDayStyle BackColor="DarkOrange" 
                     ForeColor="White" />
   <DayStyle BackColor="Orange" 
             Font-Bold="True" 
             ForeColor="White" />
   <NextPrevStyle Font-Bold="True" 
                  Font-Size="8pt" 
                  ForeColor="White" />
   <DayHeaderStyle Font-Bold="True" 
                   Font-Size="8pt" 
                   ForeColor="#333333" 
                   Height="8pt" />
   <TitleStyle BackColor="Firebrick" 
               BorderStyle="None" 
               Font-Bold="True" 
               Font-Size="12pt"
   ForeColor="White" Height="12pt" />
   <OtherMonthDayStyle BackColor="NavajoWhite" 
                       Font-Bold="False" 
                       ForeColor="DarkGray" />
</asp:Calendar>


<A href="http://www.nfex.ru/Code/ASPDownload/ThemesCalendar.zip">ThemesCalendar.zip( 1 k)</a>


Creating a Skin

A skin is a definition of styles applied to the server controls in your ASP.NET page. 
Skins can work in conjunction with CSS files or images. 
The skin file can have any name, but it must have a .skin file extension.
The Summer.skin file.
 
<asp:Label Runat="server" 
           ForeColor="#004000" 
           Font-Names="Verdana"
           Font-Size="X-Small" />
<asp:Textbox Runat="server" 
             ForeColor="#004000" 
             Font-Names="Verdana"
             Font-Size="X-Small" 
             BorderStyle="Solid" 
             BorderWidth="1px"
             BorderColor="#004000" 
             Font-Bold="True" />
<asp:Button Runat="server" 
            ForeColor="#004000" 
            Font-Names="Verdana"
            Font-Size="X-Small" 
            BorderStyle="Solid" 
            BorderWidth="1px"
            BorderColor="#004000" 
            Font-Bold="True" 
            BackColor="#FFE0C0" />

Control definitions must contain the Runat="server" attribute. 
No ID attribute is specified in the skinned version of the control. 
Using the Summer theme in an ASP.NET page.
 
<%@ Page Language="VB" Theme="Summer" %>
    
<script runat="server">
   Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
      Label1.Text = "Hello " & Textbox1.Text
   End Sub
</script>
    
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>INETA</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Textbox ID="TextBox1" Runat="server">
        </asp:Textbox>
        <asp:Button ID="Button1" 
                    Runat="server" 
                    Text="Submit Your Name"
                    OnClick="Button1_Click" />
        <asp:Label ID="Label1" Runat="server" />
    </form>
</body>
</html>



Creating Your Own Themes

Add a new folder. 
Name the folder App_Themes. 
Within the App_Themes folder, you create an additional theme folder for each theme. 
Each theme folder must contain the elements of the theme, which can include the following:
A single skin file
CSS files
Image files



Defining Multiple Skin Options: SkinID

To create multiple definitions of a single element, 
you use the SkinID attribute to differentiate among the definitions. 
File: Summer.skin file
 
<asp:Label Runat="server" ForeColor="#004000" Font-Names="Verdana"
            Font-Size="X-Small" />
   
<asp:Textbox Runat="server" ForeColor="#004000" Font-Names="Verdana"
            Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px"
            BorderColor="#004000" Font-Bold="True" />
   
<asp:Textbox Runat="server" ForeColor="#000000" Font-Names="Verdana"
            Font-Size="X-Small" BorderStyle="Dotted" BorderWidth="5px"
            BorderColor="#000000" Font-Bold="False" SkinID="TextboxDotted" />
    
<asp:Textbox Runat="server" ForeColor="#000000" Font-Names="Arial"
            Font-Size="X-Large" BorderStyle="Dashed" BorderWidth="3px"
            BorderColor="#000000" Font-Bold="False" SkinID="TextboxDashed" />
    
<asp:Button Runat="server" ForeColor="#004000" Font-Names="Verdana"
            Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px"
            BorderColor="#004000" Font-Bold="True" BackColor="#FFE0C0" />
 
A simple .aspx page that uses the Summer.skin file with multiple text- box style definitions 
 
<%@ Page Language="VB" Theme="Summer" %>
    
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Different SkinIDs</title>
</head>
<body>
    <form id="form1" runat="server">
    <p>
        <asp:Textbox ID="TextBox1" Runat="server">Textbox1</asp:Textbox>
    </p><p>
        <asp:Textbox ID="TextBox2" Runat="server"
         SkinId="TextboxDotted">Textbox2</asp:Textbox>
    </p><p>
        <asp:Textbox ID="TextBox3" Runat="server"
         SkinId="TextboxDashed">Textbox3</asp:Textbox>
    </p>
    </form>
</body>
</html>



Disable the Theme for a particular page by using the EnableTheming attribute with the <%@ Page %> directive.

<%@ Page Language="C#" EnableTheming="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Disable Page Theme</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Label
        id="Label1"
        Text="Don"t Theme Me!"
        Runat="server" />
    </div>
    </form>
</body>
</html>



Disabling theming for properties in your custom controls

 
VB version
Imports System.Web.UI
    
Namespace ServerControls
    
    Public Class SimpleHello
        Inherits System.Web.UI.Control
    
        Private _myValue As String
    
        <Themeable(False)> _
        Public Property MyCustomProperty() As String
            Get
                Return _myValue
            End Get
            Set(ByVal Value As String)
                _myValue = Value
            End Set
        End Property
    
    End Class
    
End Namespace
   
C# version
using System.Web.UI;
    
namespace ServerControls
{
    public class SimpleHello : Control
    {
        private string _myValue;
    
         [Themeable(false)]
        public string Name
        {
            get { return _myValue; }
            set { _myValue = value; }
        }
    }
}



Disabling theming for your custom controls (VB / C#)

 
VB version
Imports System.Web.UI
    
Namespace ServerControls
    
    <Themeable(False)> _
    Public Class SimpleHello
        Inherits System.Web.UI.Control
    
        Private _name As String
    
        Public Property Name() As String
            Get
                Return _name
            End Get
            Set(ByVal Value As String)
                _name = Value
            End Set
        End Property
    
        Protected Overrides Sub Render(ByVal controlOutput As _
           HtmlTextWriter)
              controlOutput.Write("Hello " + Name)
        End Sub
    
    End Class
    
End Namespace
   
C# version

using System.Web.UI;
    
namespace ServerControls
{
     [Themeable(false)]
    public class SimpleHello : Control
    {
        private string _name;
    
        public string Name
        {
            get { return _name; }
            set { _name = value; }
        }
    
        protected override void Render(HtmlTextWriter controlOutput)
        {
            controlOutput.Write ("Hello " + Name);
        }
    }
}



Dynamic Themes

File: DynamicThemes.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DynamicThemes.aspx.cs" Inherits="DynamicThemes" Theme="ProTheme"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ListBox ID="lstThemes" runat="server"></asp:ListBox><br />
        <br />
        <asp:Button ID="cmdApply" runat="server" Text="Apply Theme" OnClick="cmdApply_Click" />
        <asp:Button ID="cmdClear" runat="server" Text="Clear Theme" OnClick="cmdClear_Click" />
    </div>
    </form>
</body>
</html>

File: DynamicThemes.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
public partial class DynamicThemes : System.Web.UI.Page
{
     
    protected void Page_Load(object sender, EventArgs e)
    {
    if (!Page.IsPostBack)
    {
      DirectoryInfo themeDir = new DirectoryInfo(Server.MapPath("App_Themes"));
      lstThemes.DataTextField = "Name";
      lstThemes.DataSource = themeDir.GetDirectories();
      lstThemes.DataBind();
    }
    }
  protected void Page_PreInit(object sender, EventArgs e)
  {
    if (Session["Theme"] == null)
    {
      Page.Theme = "";
    }
    else
    {
      Page.Theme = (string)Session["Theme"];
    }
  }
  protected void cmdApply_Click(object sender, EventArgs e)
  {
    Session["Theme"] = lstThemes.SelectedValue;
    Server.Transfer(Request.FilePath);
  }
    protected void cmdClear_Click(object sender, EventArgs e)
    {
        Session["Theme"] = "";
        Server.Transfer(Request.FilePath);
    }
}

File: ProTheme.skin

<asp:ListBox runat="server" ForeColor="Blue" BackColor="LightYellow" />
<asp:TextBox runat="server" ForeColor="Blue" BackColor="LightYellow" />
<asp:Button runat="server" ForeColor="Blue" BackColor="LightYellow" />


<A href="http://www.nfex.ru/Code/ASPDownload/ThemesDynamic.zip">ThemesDynamic.zip( 1 k)</a>


Enable theming for specific controls by EnableTheming property

<%@ Page Language="VB" EnableTheming="False" %>
<asp:Textbox ID="TextBox1" 
             Runat="server"
             BackColor="#000000" 
             ForeColor="#ffffff" 
             EnableTheming="true" 
             Theme="Summer" />



Global Themes

<A href="http://www.nfex.ru/Code/ASPDownload/GlobalThemes.zip">GlobalThemes.zip( 7 k)</a>

1. <A href="/Code/ASP/Theme-Style/DisabletheThemeforaparticularpagebyusingtheEnableThemingattributewiththePagedirective.htm">Disable the Theme for a particular page by using the EnableTheming attribute with the <%@ Page %> directive.</a> 2. <A href="/Code/ASP/Theme-Style/ApplyingathemeapplicationwidefromtheWebconfigfile.htm">Applying a theme application-wide from the Web.config file</a> 3. <A href="/Code/ASP/Theme-Style/RemovingThemesfromWebPages.htm">Removing Themes from Web Pages</a> 4. <A href="/Code/ASP/Theme-Style/EnablethemingforspecificcontrolsbyEnableThemingproperty.htm">Enable theming for specific controls by EnableTheming property</a> 5. <A href="/Code/ASP/Theme-Style/CreatingYourOwnThemes.htm">Creating Your Own Themes</a> 6. <A href="/Code/ASP/Theme-Style/CreatingaSkin.htm">Creating a Skin</a> 7. <A href="/Code/ASP/Theme-Style/skinfiletakesprecedenceoverstylesappliedtoeveryHTMLelement.htm">.skin file takes precedence over styles applied to every HTML element</a> 8. <A href="/Code/ASP/Theme-Style/HavingYourThemesIncludeImages.htm">Having Your Themes Include Images</a> 9. <A href="/Code/ASP/Theme-Style/DefiningMultipleSkinOptionsSkinID.htm">Defining Multiple Skin Options: SkinID</a> 10. <A href="/Code/ASP/Theme-Style/AssigningthePagesThemeProgrammaticallyVBC.htm">Assigning the Page"s Theme Programmatically (VB / C#)</a> 11. <A href="/Code/ASP/Theme-Style/AssigningtheservercontrolsSkinIDpropertyprogrammaticallyVBC.htm">Assigning the server control"s SkinID property programmatically (VB / C#)</a> 12. <A href="/Code/ASP/Theme-Style/DisablingthemingforyourcustomcontrolsVBC.htm">Disabling theming for your custom controls (VB / C#)</a> 13. <A href="/Code/ASP/Theme-Style/Disablingthemingforpropertiesinyourcustomcontrols.htm">Disabling theming for properties in your custom controls</a> 14. <A href="/Code/ASP/Theme-Style/CalendarThemes.htm">Calendar Themes</a> <A href="/Code/ASP/Theme-Style/CalendarThemes.htm"></a> 15. <A href="/Code/ASP/Theme-Style/DynamicThemes.htm">Dynamic Themes</a> <A href="/Code/ASP/Theme-Style/DynamicThemes.htm"></a> 16. <A href="/Code/ASP/Theme-Style/ThemesImage.htm">Themes Image</a> <A href="/Code/ASP/Theme-Style/ThemesImage.htm"></a> 17. <A href="/Code/ASP/Theme-Style/ThemesSetup.htm">Themes Setup</a> <A href="/Code/ASP/Theme-Style/ThemesSetup.htm"></a> 18. <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm">Themes With CSS</a> <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm"></a> 19. <A href="/Code/ASP/Theme-Style/Yourowntheme.htm">Your own theme</a> <A href="/Code/ASP/Theme-Style/Yourowntheme.htm"></a> 20. <A href="/Code/ASP/Theme-Style/Themestemplate.htm">Themes template</a> <A href="/Code/ASP/Theme-Style/Themestemplate.htm"></a>

Having Your Themes Include Images

 
<asp:TreeView runat="server" BorderColor="#FFFFFF" BackColor="#FFFFFF"
   ForeColor="#585880" Font-Size=".9em" Font-Names="Verdana"
   LeafNodeImageURL="images\summer_iconlevel.gif"
   RootNodeImageURL="images\summer_iconmain.gif"
   ParentNodeImageURL="images\summer_iconmain.gif" NodeIndent="30"
   CollapseImageURL="images\summer_minus.gif"
   ExpandImageURL="images\summer_plus.gif">
</asp:TreeView>



Removing Themes from Web Pages

<%@ Page Language="VB" EnableTheming="False" %>



.skin file takes precedence over styles applied to every HTML element

Suppose you have a definition for the TextBox server control in the .skin file: 
<asp:Textbox Runat="server" 
             ForeColor="#004000" 
             Font-Names="Verdana"
             BackColor="#ffffff" 
             Font-Size="X-Small" 
             BorderStyle="Solid"
             BorderWidth="1px"  
             BorderColor="#004000" 
             Font-Bold="True" />
CSS file
INPUT {
 background-color: black;
}



Themes Image

File: ImageTheme.aspx
<%@ Page Language="C#" Theme="FunkyTheme" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ImageButton ID="ImageButton1" runat="server" SkinID="OKButton" />
        <asp:ImageButton ID="ImageButton2" runat="server" SkinID="CancelButton" />
     </div>
    </form>
</body>
</html>
File: Buttons.skin
<asp:ImageButton runat="server" SkinID="OKButton" 
 ImageUrl="ButtonImages/buttonOK.jpg" />
 
 <asp:ImageButton runat="server" SkinID="CancelButton" 
 ImageUrl="ButtonImages/buttonCancel.jpg" />


<A href="http://www.nfex.ru/Code/ASPDownload/ThemesImage.zip">ThemesImage.zip( 3 k)</a>


Themes Setup

       
File: Themes.aspx    
       
<%@ Page Language="C#" StylesheetTheme="FunkyTheme"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="TextBox1" runat="server">Test</asp:TextBox>&nbsp;&nbsp;<br />
    <asp:ListBox ID="ListBox1" runat="server" BackColor="#FFFFC0">
      <asp:ListItem>Test</asp:ListItem>
    </asp:ListBox>
    <asp:Button ID="Button1" 
                runat="server" 
                Text="OK" 
                Font-Bold="False" 
                Font-Size="Large" 
                Width="69px" 
                SkinID="Dramatic" />
    <asp:Button ID="Button2" 
                runat="server" 
                Text="Cancel" 
                Font-Size="Large" 
                Width="83px" /><br />
    <asp:Calendar ID="Calendar2" runat="server" />        
    </form>
</body>
</html>
File: FunkyTheme.skin

<asp:ListBox runat="server" ForeColor="White" BackColor="Orange" />
<asp:TextBox runat="server" ForeColor="White" BackColor="Orange" />
<asp:Button runat="server" ForeColor="White" BackColor="Orange" />
<asp:TextBox runat="server" ForeColor="White" BackColor="DarkOrange" Font-Bold="True" SkinID="Dramatic" />
<asp:Button runat="server" ForeColor="White" BackColor="DarkOrange" Font-Bold="True" SkinID="Dramatic"/>


<A href="http://www.nfex.ru/Code/ASPDownload/ThemesSetup.zip">ThemesSetup.zip( 1 k)</a>


Themes template

<A href="http://www.nfex.ru/Code/ASPDownload/Themes.zip">Themes.zip( 5 k)</a>

1. <A href="/Code/ASP/Theme-Style/DisabletheThemeforaparticularpagebyusingtheEnableThemingattributewiththePagedirective.htm">Disable the Theme for a particular page by using the EnableTheming attribute with the <%@ Page %> directive.</a> 2. <A href="/Code/ASP/Theme-Style/ApplyingathemeapplicationwidefromtheWebconfigfile.htm">Applying a theme application-wide from the Web.config file</a> 3. <A href="/Code/ASP/Theme-Style/RemovingThemesfromWebPages.htm">Removing Themes from Web Pages</a> 4. <A href="/Code/ASP/Theme-Style/EnablethemingforspecificcontrolsbyEnableThemingproperty.htm">Enable theming for specific controls by EnableTheming property</a> 5. <A href="/Code/ASP/Theme-Style/CreatingYourOwnThemes.htm">Creating Your Own Themes</a> 6. <A href="/Code/ASP/Theme-Style/CreatingaSkin.htm">Creating a Skin</a> 7. <A href="/Code/ASP/Theme-Style/skinfiletakesprecedenceoverstylesappliedtoeveryHTMLelement.htm">.skin file takes precedence over styles applied to every HTML element</a> 8. <A href="/Code/ASP/Theme-Style/HavingYourThemesIncludeImages.htm">Having Your Themes Include Images</a> 9. <A href="/Code/ASP/Theme-Style/DefiningMultipleSkinOptionsSkinID.htm">Defining Multiple Skin Options: SkinID</a> 10. <A href="/Code/ASP/Theme-Style/AssigningthePagesThemeProgrammaticallyVBC.htm">Assigning the Page"s Theme Programmatically (VB / C#)</a> 11. <A href="/Code/ASP/Theme-Style/AssigningtheservercontrolsSkinIDpropertyprogrammaticallyVBC.htm">Assigning the server control"s SkinID property programmatically (VB / C#)</a> 12. <A href="/Code/ASP/Theme-Style/DisablingthemingforyourcustomcontrolsVBC.htm">Disabling theming for your custom controls (VB / C#)</a> 13. <A href="/Code/ASP/Theme-Style/Disablingthemingforpropertiesinyourcustomcontrols.htm">Disabling theming for properties in your custom controls</a> 14. <A href="/Code/ASP/Theme-Style/CalendarThemes.htm">Calendar Themes</a> <A href="/Code/ASP/Theme-Style/CalendarThemes.htm"></a> 15. <A href="/Code/ASP/Theme-Style/DynamicThemes.htm">Dynamic Themes</a> <A href="/Code/ASP/Theme-Style/DynamicThemes.htm"></a> 16. <A href="/Code/ASP/Theme-Style/ThemesImage.htm">Themes Image</a> <A href="/Code/ASP/Theme-Style/ThemesImage.htm"></a> 17. <A href="/Code/ASP/Theme-Style/ThemesSetup.htm">Themes Setup</a> <A href="/Code/ASP/Theme-Style/ThemesSetup.htm"></a> 18. <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm">Themes With CSS</a> <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm"></a> 19. <A href="/Code/ASP/Theme-Style/Yourowntheme.htm">Your own theme</a> <A href="/Code/ASP/Theme-Style/Yourowntheme.htm"></a> 20. <A href="/Code/ASP/Theme-Style/GlobalThemes.htm">Global Themes</a> <A href="/Code/ASP/Theme-Style/GlobalThemes.htm"></a>

Themes With CSS

File: ThemeWithCSS.aspx
<%@ Page Language="C#" Theme="FunkyTheme" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Label CssClass="heading1" ID="Label1" runat="server" Text="This Label Uses heading1"></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server">Test</asp:TextBox>&nbsp;&nbsp;<br />
    <asp:ListBox ID="ListBox1" runat="server" BackColor="#FFFFC0" Width="154px">
            <asp:ListItem>Test</asp:ListItem>
    </asp:ListBox>
    </form>
</body>
</html>
File: Style.css
body
{
  font-family: Verdana;
  font-size: small;
}
.heading1
{
  font-weight: bold;
  font-size: large;
  color: orange;
}
File: FunkyTheme.skin
<asp:ListBox runat="server" ForeColor="White" BackColor="Orange" />
<asp:TextBox runat="server" ForeColor="White" BackColor="Orange" />
<asp:Button runat="server" ForeColor="White" BackColor="Orange" />
<asp:TextBox runat="server" ForeColor="White" BackColor="DarkOrange" Font-Bold="True" SkinID="Dramatic" />
<asp:Button runat="server" ForeColor="White" BackColor="DarkOrange" Font-Bold="True" SkinID="Dramatic"/>


<A href="http://www.nfex.ru/Code/ASPDownload/ThemesWithCSS.zip">ThemesWithCSS.zip( 1 k)</a>


Your own theme

<A href="http://www.nfex.ru/Code/ASPDownload/NewTheme.zip">NewTheme.zip( 5 k)</a>

1. <A href="/Code/ASP/Theme-Style/DisabletheThemeforaparticularpagebyusingtheEnableThemingattributewiththePagedirective.htm">Disable the Theme for a particular page by using the EnableTheming attribute with the <%@ Page %> directive.</a> 2. <A href="/Code/ASP/Theme-Style/ApplyingathemeapplicationwidefromtheWebconfigfile.htm">Applying a theme application-wide from the Web.config file</a> 3. <A href="/Code/ASP/Theme-Style/RemovingThemesfromWebPages.htm">Removing Themes from Web Pages</a> 4. <A href="/Code/ASP/Theme-Style/EnablethemingforspecificcontrolsbyEnableThemingproperty.htm">Enable theming for specific controls by EnableTheming property</a> 5. <A href="/Code/ASP/Theme-Style/CreatingYourOwnThemes.htm">Creating Your Own Themes</a> 6. <A href="/Code/ASP/Theme-Style/CreatingaSkin.htm">Creating a Skin</a> 7. <A href="/Code/ASP/Theme-Style/skinfiletakesprecedenceoverstylesappliedtoeveryHTMLelement.htm">.skin file takes precedence over styles applied to every HTML element</a> 8. <A href="/Code/ASP/Theme-Style/HavingYourThemesIncludeImages.htm">Having Your Themes Include Images</a> 9. <A href="/Code/ASP/Theme-Style/DefiningMultipleSkinOptionsSkinID.htm">Defining Multiple Skin Options: SkinID</a> 10. <A href="/Code/ASP/Theme-Style/AssigningthePagesThemeProgrammaticallyVBC.htm">Assigning the Page"s Theme Programmatically (VB / C#)</a> 11. <A href="/Code/ASP/Theme-Style/AssigningtheservercontrolsSkinIDpropertyprogrammaticallyVBC.htm">Assigning the server control"s SkinID property programmatically (VB / C#)</a> 12. <A href="/Code/ASP/Theme-Style/DisablingthemingforyourcustomcontrolsVBC.htm">Disabling theming for your custom controls (VB / C#)</a> 13. <A href="/Code/ASP/Theme-Style/Disablingthemingforpropertiesinyourcustomcontrols.htm">Disabling theming for properties in your custom controls</a> 14. <A href="/Code/ASP/Theme-Style/CalendarThemes.htm">Calendar Themes</a> <A href="/Code/ASP/Theme-Style/CalendarThemes.htm"></a> 15. <A href="/Code/ASP/Theme-Style/DynamicThemes.htm">Dynamic Themes</a> <A href="/Code/ASP/Theme-Style/DynamicThemes.htm"></a> 16. <A href="/Code/ASP/Theme-Style/ThemesImage.htm">Themes Image</a> <A href="/Code/ASP/Theme-Style/ThemesImage.htm"></a> 17. <A href="/Code/ASP/Theme-Style/ThemesSetup.htm">Themes Setup</a> <A href="/Code/ASP/Theme-Style/ThemesSetup.htm"></a> 18. <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm">Themes With CSS</a> <A href="/Code/ASP/Theme-Style/ThemesWithCSS.htm"></a> 19. <A href="/Code/ASP/Theme-Style/Themestemplate.htm">Themes template</a> <A href="/Code/ASP/Theme-Style/Themestemplate.htm"></a> 20. <A href="/Code/ASP/Theme-Style/GlobalThemes.htm">Global Themes</a> <A href="/Code/ASP/Theme-Style/GlobalThemes.htm"></a>