이번에는 테마의 기본 스킨(Default Skin)에 관한 예제를 살펴보며 공부해 봅시다.
기본 스킨 (Default Skin)
기본 스킨은 SkinID 특성을 가지고 있지 않으면서 테마가 적용된 영역에 포함되어 있는 모든 서버 컨트롤에 기본적으로 적용되는 스킨을 말합니다.
우선 테마를 생성하는 방법에 대해 알아볼까 합니다.
1. 솔루션 탐색기에서 [프로젝트 명을 마우스로 오른쪽 클릭]-> [ASP.NET 폴더 추가]-> [테마] 메뉴를 선택합니다.
기본 스킨 (Default Skin)
기본 스킨은 SkinID 특성을 가지고 있지 않으면서 테마가 적용된 영역에 포함되어 있는 모든 서버 컨트롤에 기본적으로 적용되는 스킨을 말합니다.
우선 테마를 생성하는 방법에 대해 알아볼까 합니다.
1. 솔루션 탐색기에서 [프로젝트 명을 마우스로 오른쪽 클릭]-> [ASP.NET 폴더 추가]-> [테마] 메뉴를 선택합니다.
2. [테마]를 선택하면 솔루션 탐색기에서 APP_Theme 폴더가 자동으로 생성되고 그 하위에 Theme1이라는 폴더가 생기는데 이폴더명을 저는 Summer로 바꾸어 주었습니다.
그 다음 아래에 따라 [새 항목 추가]를 누릅니다.
3. '스킨 파일 '템플릿을 선택하고, 스킨 파일 이름을 'Summer.skin'으로 입력한후 추가를 눌러줍니다.
옆 화살표를 따라가보면 'Summer.skin'이 추가된 것을 볼수 있네요.
이제 추가된 스킨 파일에 기본 스킨을 정의하고 해당 테마를 사용하는 예제를 작성해 보도록 합시다!!!!!!!!
Summer.skin에 TextBox, Button, Label 컨트롤의 스킨을 정의해줍니다.
Theme="스킨 폴더 명"을 반드시 @Page에 추가해주어야 합니다. 그래야 해당 테마를 불러올수 있겠죠. 여기선 폴더 명이 'Summer'겠네요.
<body>에 TextBox, Button, Label을 나타나게 하면 Summer.skin에 있는 스킨이 각각 적용되겠죠!
결론!!
TextBox가 BackColor로 인해 Blue가 되었네요!
Button도 마찬가지네요
각각 천천히 살펴보면 이해하실 수 있을것 입니다!!
'ASP.NET' 카테고리의 다른 글
| [ASP.NET] 보안 #1 - 인증과 권한 부여 (0) | 2012.01.17 |
|---|---|
| [ASP.NET] 테마(Themes) #5 (0) | 2012.01.17 |
| [ASP.NET] 테마(Themes) #4 (0) | 2012.01.17 |
| [ASP.NET] 테마(Themes) #2 (0) | 2012.01.17 |
| [ASP.NET] 테마(Themes) #1 (0) | 2012.01.17 |
| [ADO.NET]DB연동-비연결기반 UPDATE (0) | 2012.01.17 |
| [ADO.NET]DB연동-비연결기반 INSERT (0) | 2012.01.17 |
