Skip to main content
UI
2011.12.17 01:20

XE 기본 jQuery UI 바꿔보기

조회 수 8988 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

XE core를 보면 jQuery 기본 UI를 로드 하고 있다.

왠지 바꿔보고 싶지 않은가? 남들과 다르고 싶다면~ 아마 그럴것이다~ 도전하자~


/common/js/plugins/ui 폴더에 기본 ui 파일이 있다!


http://code.google.com/p/xe-core/wiki/TemplateSyntax#제거하기

위 설명을 참고하여 템플릿에 다음을 넣어 주자~


<unload target="/common/js/plugins/ui/jquery-ui.css" media="all" />

참고로 외부페이지에서 작동을 안한다~ 아쉽다~ T.T

이렇게하면 XE의 기본 UI를 불러오지 않는다.

템플릿에 적용했으니... 해당 템플릿이 적용된 화면만 해당된다.


http://jqueryui.com/themeroller/

위 사이트에서 테마를 골라 잡자~

download 누른후 모든 UI를 적용하면 느릴수 있으니

UI Core + (나의경우 Dialog + Tabs)를 추가하였다.



받은 파일 압축을 풀면

jquery-ui-1.8.16.custom/css/테마명 폴더로 가면 css파일과 images 폴더가 있다.

적당한 곳에 올려주자~


<load target="해당경로" media="all" />

하면 되겠다.



글로만 설명하니 마니 아쉬워서, 샘플페이지를 마련하였다.

/sample_xe_jquery_ui_theme_change




List of Articles
번호 카테고리 제목 글쓴이 날짜 조회 수
3 UI jQuery UI widgets 종류 찾기 그리고 XE 적용하기 file geusgod 2011.12.17 13227
» UI XE 기본 jQuery UI 바꿔보기 geusgod 2011.12.17 8988
1 UI Xpressengine jQuery 탭 기능 사용하기 종스 2010.12.31 15675
Board Pagination Prev 1 Next
/ 1