ASP.Net/Theme Style/Themes

Содержание

1 Applying a theme application-wide from the Web.config file
2 Assigning the Page"s Theme Programmatically (VB / C#)
3 Assigning the server control"s SkinID property programmatically (VB / C#)
4 Calendar Themes
5 Creating a Skin
6 Creating Your Own Themes
7 Defining Multiple Skin Options: SkinID
8 Disable the Theme for a particular page by using the EnableTheming attribute with the <%@ Page %> directive.
9 Disabling theming for properties in your custom controls
10 Disabling theming for your custom controls (VB / C#)
11 Dynamic Themes
12 Enable theming for specific controls by EnableTheming property
13 Global Themes
14 Having Your Themes Include Images
15 Removing Themes from Web Pages
16 .skin file takes precedence over styles applied to every HTML element
17 Themes Image
18 Themes Setup
19 Themes template
20 Themes With CSS
21 Your own theme

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

   <source lang="csharp">

<?xml version="1.0" encoding="UTF-8" ?>

  <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.

</source>

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

   <source lang="csharp">

   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>

</source>

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

   <source lang="csharp">

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>

</source>

Calendar Themes

   <source lang="csharp">

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">

   <asp:Calendar ID="Calendar1" runat="server" />

   </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>

      </source>

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

Creating a Skin

   <source lang="csharp">

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" %>

  Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
     Label1.Text = "Hello " & Textbox1.Text
  End Sub

</script>

   <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>

</source>

Creating Your Own Themes

   <source lang="csharp">

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

</source>

Defining Multiple Skin Options: SkinID

   <source lang="csharp">

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" %>

   <title>Different SkinIDs</title>

</head> <body>

   <form id="form1" runat="server">

<asp:Textbox ID="TextBox1" Runat="server">Textbox1</asp:Textbox>

       <asp:Textbox ID="TextBox2" Runat="server"
        SkinId="TextboxDotted">Textbox2</asp:Textbox>

       <asp:Textbox ID="TextBox3" Runat="server"
        SkinId="TextboxDashed">Textbox3</asp:Textbox>

   </form>

</body> </html>

</source>

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

   <source lang="csharp">

<%@ 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">

   <asp:Label
       id="Label1"
       Text="Don"t Theme Me!"
       Runat="server" />

   </form>

</body> </html>

</source>

Disabling theming for properties in your custom controls

   <source lang="csharp">

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; }
       }
   }

}

</source>

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

   <source lang="csharp">

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);
       }
   }

}

</source>

Dynamic Themes

   <source lang="csharp">

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">

       <asp:ListBox ID="lstThemes" runat="server"></asp:ListBox>

       

       <asp:Button ID="cmdApply" runat="server" Text="Apply Theme" OnClick="cmdApply_Click" />
       <asp:Button ID="cmdClear" runat="server" Text="Clear Theme" OnClick="cmdClear_Click" />

   </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" />

      </source>

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

Enable theming for specific controls by EnableTheming property

   <source lang="csharp">

<%@ Page Language="VB" EnableTheming="False" %> <asp:Textbox ID="TextBox1"

            Runat="server"
            BackColor="#000000" 
            ForeColor="#ffffff" 
            EnableTheming="true" 
            Theme="Summer" />
</source>

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

   <source lang="csharp">

<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>

</source>

Removing Themes from Web Pages

   <source lang="csharp">

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

</source>

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

   <source lang="csharp">

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;

}

</source>

Themes Image

   <source lang="csharp">

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">

       <asp:ImageButton ID="ImageButton1" runat="server" SkinID="OKButton" />
       <asp:ImageButton ID="ImageButton2" runat="server" SkinID="CancelButton" />

   </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" />

      </source>

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

Themes Setup

   <source lang="csharp">

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>  

   <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" />

   <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"/>

      </source>

<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

   <source lang="csharp">

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>  

   <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"/>

      </source>

<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>

ASP.Net/Theme Style/Themes

Содержание

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

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

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

Calendar Themes

Creating a Skin

Creating Your Own Themes

Defining Multiple Skin Options: SkinID

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

Disabling theming for properties in your custom controls

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

Dynamic Themes

Enable theming for specific controls by EnableTheming property

Global Themes

Having Your Themes Include Images

Removing Themes from Web Pages

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

Themes Image

Themes Setup

Themes template

Themes With CSS

Your own theme

Навигация

Персональные инструменты

Пространства имён

Варианты

Просмотры

Ещё

Поиск

Разделы

Инструменты

Навигация