테마 썸네일형 리스트형 [ASP.NET] 테마(Themes) #5 프로그래밍 방식으로 테마 적용하기 프로그래밍 방식으로 테마를 적용한다는 것은 상황에 따라 동적으로 테마를 변경시킨다는 뜻입니다. 예를 들어.. 골드 회원과 일반 회원으로 구분하여 운영하는 회원제 웹 사이트가 있다면 이 웹 사이트에 로그인한 회원이 골드 회원일 경우에는 좀 더 고급스러운 테마를 적용하게 하고 일반 회원일 경우에는 일반적인 테마를 적용하게 할 때 사용할 수 있습니다. 이렇게 Skin 파일을 따로 골드회원용과 일반회원용을 만들어 달리 테마를 주려고 할 때 씁니다. 저는 Autumn과 Summer로 적용시켜 보겠습니다. Summer 테마에서 TextBox, Button, Label 컨트롤의 속성을 위와 같이 정해주고, Autumn 테마에서는 TextBox, Button, Label 컨트롤의 속성.. 더보기 [ASP.NET] 테마(Themes) #3 이번에는 테마의 기본 스킨(Default Skin)에 관한 예제를 살펴보며 공부해 봅시다. 기본 스킨 (Default Skin) 기본 스킨은 SkinID 특성을 가지고 있지 않으면서 테마가 적용된 영역에 포함되어 있는 모든 서버 컨트롤에 기본적으로 적용되는 스킨을 말합니다. 우선 테마를 생성하는 방법에 대해 알아볼까 합니다. 1. 솔루션 탐색기에서 [프로젝트 명을 마우스로 오른쪽 클릭]-> [ASP.NET 폴더 추가]-> [테마] 메뉴를 선택합니다. 2. [테마]를 선택하면 솔루션 탐색기에서 APP_Theme 폴더가 자동으로 생성되고 그 하위에 Theme1이라는 폴더가 생기는데 이폴더명을 저는 Summer로 바꾸어 주었습니다. 그 다음 아래에 따라 [새 항목 추가]를 누릅니다. 3. '스킨 파일 '템플릿.. 더보기 [ASP.NET] 테마(Themes) #2 이번엔 테마를 직접 사용해 보도록 하겠습니다. CSS 사용하기 먼저 '테마'라는 파일 시스템 웹 사이트를 만들고 ex.aspx파일과 StyleSheet.css파일을 추가합니다. CSS파일은 새 항목 추가 대화상자에서 '스타일 시트' 템플릿을 선택하면 쉽게 추가할 수 있습니다. 이제 CSS를 사용한 예제를 살펴볼까요? 위 그림은 스타일시트를 지정해준 것 입니다. boby안에 지정해준 스타일은 태그 내부에 있는 문자 스타일입니다. A는 태그의 스타일을 지정한 것인데 A:link는 기본 링크 스타일, A:visited는 한 번이상 클릭 했을 시 스타일, A:hover은 링크 위로 마우스를 올렸을 때의 스타일을 지정한 것 입니다. Style1, Style2, Style3은 사용자가 임의로 지정한 스타일이죠. 이.. 더보기 [ASP.NET] 테마(Themes) #1 이번 시간에는 테마(Themes)에 대해 알아보도록 하겠습니다. 테마는 '제목', '주제', '화제'등으로 해석할 수 있는데 ASP.NET 에서는 웹사이트의 특정 스타일(분위기 또는 주제)을 지정하는데 사용하는 기능을 말합니다!!! 예전에는 HTML 태그 스타일의 관리를 위해 CSS를 사용했는데 CSS만으로 ASP.NET 서버 컨트롤의 스타일을 일관성 있게 제어하기에는 부족한 점이 많아서 테마가 나오게 되었습니다. ASP.NET 2.0에서는 테마 기능을 사용하기 위해 App_Themes라는 ASP.NET 응용 프로그램 폴더를 제공하며 확장자가 .skin인 새로운 형태의 스킨 파일을 제공합니다. 위의 그림을 보면 APP_Themes 폴더 하위에 Christmas와 Summer라는 테마가 정의 되어있는 것이.. 더보기 이전 1 다음
