브라우저 제목

http://jquerymobile.com/ -> Themes 선택

 

theme1.png

 

설정이 끝나면 Download를 눌러 테마이름을 작성하고 압축파일을 받습니다.

압축파일을 풀면 다음과 같은 내용으로 구성되어 있습니다.

theme2.png

 

index.html은 설정하는 방법을 찾을 수 있고

실제로 사용할 폴더는 themes를 본인의 폴더에 넣어서 연결하여 사용하면 됩니다.

 

head에 다음처럼 link설정(index.html에서 참조)

 

<link rel="stylesheet" href="themes/app1_theme.min.css" />
 <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />

 

html에서

<div data-role="page" id="main" data-theme="b" >
            <div data-role="header" data-theme="d">
                <h1>헤더</h1>
            </div>
            <div data-role="content">
                <p>컨텐트</p>
            </div>
            <div data-role="footer">
                <h2>푸터</h2>
            </div>
        </div>

 

위의 예제처럼 테마를 적용한 곳에 추가한 테마를 부분적으로 다르게 작성할 수 있다.

 

 

제목 날짜
탭-collapsible 및 구글맵을 이용한 현재 위치 찾기 file 2018.02.04
패널을 이용한 메뉴와 그리드 file 2018.02.01
갤러리화면을 만들기 위한 fotorama 플러그인 file 2018.01.31
index ui구성2 file 2018.01.30
index의 ui구성 file 2018.01.29
여러 페이지를 이용하여 화면 구성 file 2018.01.28
한 페이지에 여러화면을 구성 file 2018.01.28
jquey mobile 테마정하기 file 2018.01.28
기본 페이지 작성 file 2018.01.28
phonegap을 사용하기 위한 준비 작업 file 2018.01.24
태그 목록