티스토리 뷰
Framework7, 테마 지정하기
Framework7
은 미리 제공되는 테마를 이용하여 화면의 분위기를 입맛에 맞게 꾸밀 수 있다. CSS를 직접 건드리는 것보다 관리 측면에서 직관적이기도 하다.
사전지식
레이아웃 테마
레이아웃 테마는 가장 상위 개념의 테마이다. 전체적인 페이지의 분위기를 결정한다. white
, dark
2개가 제공된다.
<!-- 전체 페이지에 White 레이아웃 테마를 적용 -->
<body class="layout-whire">
<!-- 전체 페이지에 Dark 레이아웃 테마를 적용, 모바일에서 배터리를 아낄 수 있어 개인적으로 추천 -->
<body class="layout-dark">
테마
레이아웃 테마 지정 후에 요소 단위로 상세 테마 지정이 가능하다. red
, pink
, purple
, deeppurple
, indigo
, blue
, lightblue
, cyan
, teal
, green
, lightgreen
, lime
, yellow
, amber
, orange
, deeporange
, brown
, gray
, bluegray
, white
, black
21개가 제공된다.
<!-- 네브바에 Light Blue 테마를 적용 -->
<div class="navbar theme-lightblue">
<!-- 링크 글자에 White 테마를 적용 -->
<a class="color-white">
참고 글
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자전거
- jsp
- 태그를 입력해 주세요.
- java
- node.js
- Kendo UI
- 평속
- Spring Boot
- Tomcat
- CentOS
- jpa
- 로드 바이크
- Spring MVC 3
- jstl
- spring
- MySQL
- Docker
- chrome
- bootstrap
- Kendo UI Web Grid
- JavaScript
- Eclipse
- 구동계
- maven
- graylog
- JHipster
- kotlin
- DynamoDB
- 알뜰폰
- 로드바이크
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함