Nativedroid- JQuery Mobile 1.3의 무료 테마

Nativedroid : 간단한 jQuery 모바일 1.3 테마

이 기사는 jQuery Mobile 1.3 용 새롭고 간단한 테마 인 Nativedroid를 소개합니다. 첫 번째 버전 (v0.1)은 Nativedroid.godesign.ch에서 무료로 제공되며 모든 개인 및 상업 프로젝트에 사용할 수 있으며 프로젝트 속성에 백 링크를 추가하십시오.

Nativedroid 기능 :

인터페이스 디자인은 Android Holo 스타일에 가깝습니다. 순수한 CSS3/HTML5를 기반으로 사진이 필요하지 않습니다 (아이콘을 제공하기 위해 글꼴을 사용하여 글을 사용하여). 는 밝고 어두운 테마와 결합 할 수있는 5 가지 색 구성표 (파란색/녹색/자주색/빨간색/노란색)로 제공됩니다.

모든 모바일 프로젝트의 시작 프레임 워크.

추가 JavaScript 코드가 필요하지 않습니다. 는 모든 JQuery Mobile 1.3 구성 요소의 예를 제공합니다.

모든 글꼴 멋진 아이콘은 jqm의 속성을 ​​통해 추가 할 수 있습니다.

팁과 예방 조치 사용 :

Nativedroid는 JQM에서 제공하는 기능 중 하나를 사용할 수 있지만 더 나은 시각적 효과는 다음을 참고하십시오.

모든 스타일은

에 적용됩니다.

jQuery Mobile의 구조 스타일 시트 (CSS/JQueryMobile.css) 만 사용하며 테마 스타일은 포함되지 않습니다. JQuery Mobile의 TheMerroller는 디자인을 깨는 스타일 시트를 생성합니다.

Nativedroid에서

매개 변수는 유효하지 않습니다.

태그를 대체물로 사용하십시오.

는 및 data-icon와 함께 사용되며 헤더 내 링크 요소에 대해 별도로 적용됩니다.

아직 설계되지 않았으므로주의해서 사용하십시오. 데모의 HTML 문서에서 하나를 시작점으로 복사하는 것이 좋습니다.

색상과 스타일 :

기본 CSS :

: Nativedroid에서 사용하는 글꼴과 아이콘이 포함되어 있습니다.
1. data-theme='b' : JQuery Mobile의 원래 구조 스타일 시트 (압축)에는 테마 스타일이 포함되어 있지 않습니다.
: Nativedroid에 필요한 구조 조정.
3. data-inset='true|false' 테마 : <div class="inset"> <li> : 밝은 색상 테마. <code>data-role='header' data-position='fixed' : 어두운 테마. data-tap-toggle='false' data-theme='b'
4. 색상 : data-role='footer'
   • : 파란색 스타일. css/jquerymobile.nativedroid.color.blue.css
   : 녹색 스타일.
   • css/jquerymobile.nativedroid.color.green.css : 보라색 스타일.
   • : 빨간색 스타일. css/jquerymobile.nativedroid.color.purple.css
   : 노란색 스타일.
   • css/jquerymobile.nativedroid.color.red.css
   • 기본 색상 CSS 파일을 복사하고 색상 코드를 조정하여 자신만의 색상 스타일을 만들 수 있습니다. css/jquerymobile.nativedroid.color.yellow.css
   미래 개발 :
   Nativedroid는 계속 업데이트되고 새로운 기능을 추가하고 버그를 수정합니다.
(다음은 원래 FAQ 부품의 단순화 된 버전, 중복 정보를 피하십시오)

이 부분은 고도로 요약되어 있으며 핵심 정보를 유지하며 문제를 재구성하고 표현합니다. faq :

설치 :

테마를 다운로드하고 파일을 압축 한 다음 파일을 프로젝트 디렉토리에 배치 한 다음 CSS 및 JS 파일을 HTML 파일에 연결합니다. 호환성 : jQuery Mobile 1.3 용으로 설계된 다른 버전의 호환성은 보장되지 않습니다.

사용자 정의 :

CSS 및 JS 파일의 사용자 정의. 원본 파일을 백업하는 것을 잊지 마십시오. 문제 해결 : 설치 및 링크가 올바른지 확인하고 콘솔 오류 메시지를 봅니다.

반응 형 디자인 : 는 반응 형 디자인을 지원합니다.

상업용 사용 :
는 상업 프로젝트에 사용할 수 있습니다.
• 업데이트 : 업데이트를 정기적으로 릴리스하고 기존 파일을 대체하기 위해 최신 버전을 다운로드하십시오. rtl 언어 지원 :
기본적으로 지원되지 않으면 CSS 파일을 수정해야합니다.
• 플러그인 추가 : HTML 파일에 플러그인의 JS 및 CSS 파일을 포함 시키려면 테마 파일 뒤에 배치해야합니다. 기타 JavaScript Frameworks :
jQuery Mobile과 함께 사용하는 것이 좋습니다.