Themes With CSS : Themes « Theme Style « ASP.Net






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


           
       








ThemesWithCSS.zip( 1 k)

Related examples in the same category

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