첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
본 블로그는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 블로그 콘텐츠 향상을 위해 쓰여집니다.

728x90
반응형
728x170

TestProject.zip
다운로드

▶ Blue.skin

<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue" 
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button SkinID="BlueSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue" 
    BackColor="Yellow"
    ForeColor="Blue"
    Font-Bold="True" />

 

728x90

 

▶ Blue.css

body
{
    color : blue;
}

 

300x250

 

▶ Red.skin

<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red" 
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button SkinID="RedSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red" 
    BackColor="Yellow"
    ForeColor="Red"
    Font-Bold="True" />

 

▶ Red.css

body
{
    color : red;
}

 

▶ BlueSkinPage.aspx

<%@ Page Language="C#" AutoEventWireup="true"
    Theme="Blue"
    CodeBehind="BlueSkinPage.aspx.cs"
    Inherits="TestProject.BlueSkinPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Control 클래스 : SkinID 속성을 사용해 테마 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                블루 스킨 적용 페이지
                <hr />
                <asp:Button ID="button1" runat="server"
                    Text="블루 스킨 적용 버튼" />
                <asp:Button ID="button2" runat="server"
                    SkinID="BlueSkinBold"
                    Text="SkinID 적용 버튼" />
            </div>
        </form>
    </body>
</html>

 

▶ BlueSkinPage.aspx.cs

using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 블루 스킨 페이지
    /// </summary>
    public partial class BlueSkinPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

 

▶ RedSkinPage.aspx

<%@ Page Language="C#" AutoEventWireup="true"
    Theme="Red"
    CodeBehind="RedSkinPage.aspx.cs"
    Inherits="TestProject.RedSkinPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Control 클래스 : SkinID 속성을 사용해 테마 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                레드 스킨 적용 페이지
                <hr />
                <asp:Button ID="button1" runat="server"
                    Text="레드 스킨 적용 버튼" />
                <asp:Button ID="button2" runat="server"
                    SkinID="RedSkinBold"
                    Text="SkinID 적용 버튼" />
            </div>
        </form>
    </body>
</html>

 

▶ RedSkinPage.aspx.cs

using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 레드 스킨 페이지
    /// </summary>
    public partial class RedSkinPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}
728x90
반응형
그리드형
Posted by 사용자 icodebroker
TAG , ,

댓글을 달아 주세요