Skip to main content
UI
2011.12.17 01:20

XE 기본 jQuery UI 바꿔보기

조회 수 14598 추천 수 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




  1. jQuery UI widgets 종류 찾기 그리고 XE 적용하기

    Date2011.12.17 CategoryUI Bygeusgod Views13487
    Read More
  2. XE 기본 jQuery UI 바꿔보기

    Date2011.12.17 CategoryUI Bygeusgod Views14598
    Read More
  3. Xpressengine jQuery 탭 기능 사용하기

    Date2010.12.31 CategoryUI By종스 Views15836
    Read More
Board Pagination Prev 1 Next
/ 1