jQuery UI 테마롤러
ThemeRoller 소개
ThemeRoller는 jQuery UI를 사용하여 사용자 정의 테마를 디자인하고 다운로드하기 위한 직관적인 인터페이스를 제공하는 웹 애플리케이션입니다. 테마 사용자 정의를 위해서는 jQuery UI ThemeRoller를 방문하세요.
jQuery UI ThemeRoller는 보스톤의 Filament Group, Inc에서 디자인하고 개발했습니다.
ThemeRoller 인터페이스
ThemeRoller의 인터페이스는 여러 패널로 구분됩니다. 각 패널은 전역 글꼴 및 모서리 반경 설정, 위젯 컨테이너 스타일, 클릭 가능한 요소의 대화형 상태, 다양한 스타일의 오버레이 및 그림자입니다. 이 패널을 사용하면 글꼴 크기, 색상, 두께, 배경색 및 질감, 테두리 색상, 텍스트 색상, 아이콘 색상, 모서리 반경 등과 같은 다양한 CSS 속성을 구성할 수 있습니다.
테마 갤러리(갤러리): 미리 디자인된 테마
ThemeRoller 테마는 선택할 수 있는 미리 디자인된 테마가 포함된 영구 링크 URL을 통해 볼 수 있습니다. 갤러리는 애플리케이션 인터페이스 상단에 있는 탭 표시줄을 통해 액세스할 수 있습니다. 갤러리에서 테마를 미리 보고 다운로드할 수 있으며 테마를 선택하고 "직접 제작" 탭으로 전환하여 조정할 수도 있습니다.
테마 다운로드
테마를 디자인한 후 프로젝트에 사용할 테마를 다운로드할 수 있습니다. ThemeRoller 상단에는 테마 관련 파일이 모두 포함된 zip 패키지를 생성할 수 있는 "테마 다운로드" 버튼이 있습니다. 다운로드 이미지는 귀하의 사양에 맞게 생성되어 고품질 PNG 파일로 저장됩니다.
테마에는 모든 플러그인에 대한 이미지와 CSS를 포함하여 jQuery UI CSS 프레임워크의 사용자 정의 버전을 구성하는 이미지와 CSS가 포함됩니다.
프로젝트에서 다운로드한 테마를 따르세요
테마를 다운로드한 후 압축을 풀면 themes 的文件夹。该文件夹包括了主题所需的 CSS 和图像。复制主题文件夹到您的项目中，并在页面中链接 themes/all.css라는 파일이 표시됩니다.
사용자 정의 "ThemeRoller 지원" 구성 요소 만들기
ThemeRoller는 자체 ThemeRoller 지원 jQuery 구성 요소 개발을 위한 jQuery UI CSS 프레임워크의 사용자 정의 버전을 생성합니다. 이 프레임워크를 통해 생성된 클래스는 상태, 아이콘 및 다양한 보조 클래스를 포함한 일반적인 사용자 인터페이스 디자인 조건을 제공하도록 설계되었습니다.
jQuery UI CSS 프레임워크 개발에 대한 자세한 내용은 Theming API 문서를 확인하세요.
ThemeRoller Link
- 비디오: jQuery UI 사용자 정의 테마, 필라멘트 그룹 디자인 및 다운로드
