코드 한 줄만 바꿔서 전체 웹 사이트가 배경색이 검정에서 흰색으로 또는 그 반대로 스타일을 변경
테마를 적용하는 방법중 2가지를 이용한 예제입니다.
1. 해당 웹 페이지에서 적용
2. 전체 웹 페이지에서 적용
해당 프로젝트에서 ASP.NET 폴더 추가->Theme폴더를 추가합니다. (Black)
추가한 폴더에서 새항목 추가->스킨 파일 (SkinFile.skin) 과 스타일시트 (StyleSheet.css)를 추가합니다.
SkinFile.skin에서는 서버컨트롤을, StyleSheet.css HTML 서버컨트롤 적용하기 위한 코드입니다.
서버컨트롤 이외의 다른 서버 컨트롤에 정의 하기 위해서는 각각의 테마 스타이를 따로 정의 해줘야합니다.
css와 skin은 같은 폴더안에 있어야 합니다.! 주의하세요!
| SkinFile.skin |
|
<asp:Button runat="server" BackColor="Yellow" ForeColor="Red" BorderColor="Blue" /> |
| StyleSheet.css |
|
body, div { background-color:Black; color:White; }
input { background-color:Black; border:1px solid white; color:White; } |
1. 해당페이지에서 적용하기
2. 전체 페이지에 적용하기
| 1. 해당페이지에서 적용하기 |
[그림38-1] Theme="Black" styleSheetTheme="Black" 페이지에만 적용되는것을 확인 할 수 있습니다. |
| 2. 전체 페이지에 적용하기 |
[그림38-2] <pages>g태그 안에 코드 추가합니다. <pages styleSheetTheme="Black" theme="Black"> |
전체 테마 적용 안했습니다. ( 스킨 추가/수정 )
| Default.aspx |
|
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Theme="Black" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <style type="text/css"> .myButton { color:Red;background-color:Yellow;border-color:Blue; } </style> </head> <body> <form id="form1" runat="server"> <div> <h3>배경은 Yellow 글자색은 Red</h3> <asp:Button ID="Button1" runat="server" Text="Button" BackColor="Yellow" ForeColor="Red" BorderColor="Blue" /><br /> <asp:Button ID="Button2" runat="server" Text="Button" CssClass="myButton" /><br /> <asp:Button ID="Button3" runat="server" Text="Button" EnableTheming="false" /> <asp:Button ID="Button4" runat="server" Text="Button" SkinID="btnLogin" /> </div> </form> </body> </html> |
| 결과화면 |
[그림38-3] |
38.WebTheme.zip'ASP.NET' 카테고리의 다른 글
| 40.C# ASP.NET - Menu [WebNavigationControl] (0) | 2009.10.15 |
|---|---|
| 39.C# ASP.NET - 탐색 WebNavigation [WebNavigationControl] (0) | 2009.10.15 |
| 37.C# ASP.NET - 마스터페이지 (2) | 2009.10.14 |
| 36.C# ASP.NET - 웹 사용자 정의 컨트롤 (0) | 2009.10.14 |
| 35.C# ASP.NET - ValidationSummary [ 유효성검사컨트롤 ] (0) | 2009.10.13 |
Comments