You cannot see this page without javascript.

XEDITION edited by Kim Tajo 메인 화면 레이아웃 가운데 정렬(중앙 정렬) 해결 방법도 찾다 (LINUX CENTOS 7, APACHE, MYSQL)

by 르미 posted Sep 16, 2018
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

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

 

XEDITION 메인 화면 레이아웃 가운데 정렬(중앙 정렬) 해결 방법을 찾다 (LINUX CENTOS 7, APACHE, MYSQL)

 

XE1 버전(설치시 보게되는 데모화면 버전)의 레이아웃 중앙 정렬은 위의 링크를 참고하시기 바랍니다.

 

 

 

 


 

 

 

 

XE1 DEMO 화면.JPG

 

 

며칠 전 

이 멋진 XE1 메인 화면의 레이아웃 컨텐츠를 가운데 정렬하는 법을 찾아내

글을 올렸더니 많은 분들이 방문하신다. 

그 분들에게 도움이 되었으면 좋겠다.

 

 

XE 1.9.8의 모 화면은 지금 봐도 완성도가 높고 멋있다.

다른 레이아웃 스킨을 많이 테스트해 봤는데

취향이 그런지 아직도 XE1이 가장 심플하고 좋다.

 

 

 

그런데 아직 기능을 제대로 다 활용하지 못하고 있어

자꾸만 응형과 XE1 데모화면의 여러 기능을 사용하고 싶어진다.

 

 

고민끝에

김타조님의 XEDITION edited by Kim Tajo 정 버전을 사용하기로 마음 먹었다. 

즉시 쉬운 설치기능으로 설치하고 

간단한 설정을 하고 보니,

 

 

이 버전 역시

메인화면의 레이아웃 컨텐츠를 상단 메뉴 좌우 폭에 맞게

가운데로 정렬시키는 것은 잘 안되어

 

아래 그림처럼

화면 확대/축소나, 해상도에 따라 콘텐츠 위젯이 좌/우로 

마구 움직여서 도저히 사용할 수가 없다.

 

 

 

XEDITION Kim Tajo HTML CSS 선택 N 화면캡쳐.JPG

 

 

위 그림은 50% 정도로 축소한 화면이다.

원래의 레이아웃과 전혀 다르게 정신없이 좌/우로 흩어진다.

 

 

XE1처럼 컨텐츠 폭을 고정폭으로 설정하려고 찾아봤더니

이 수정버전에는 CONTENT WIDTH 설정 메뉴 자체가 보이질 않는다.

 

 

ㅠㅠ

 

 

인터넷을 찾아봐도 

만족할만한 중앙 정렬 방법은 도저히 찾을 수가 없다.

 

 

할 수 없이 관리자 모드사이트 메뉴편집-디자인-레이아웃 메뉴의 

HTML/CSS 코드를 들여다 보았다.

 

 

 

XEDITION Kim Tajo HTML CSS 선택.JPG

 

 

43번째 라인 쯤에

<!==// 콘텐츠 영역 폭 ==> 이라는 레이아웃 관련 부분이 있다. 

 

 

XEDITION Kim Tajo HTML CSS 콘텐츠 영역 폭 수정.JPG

 

 

 

위 그림에서처럼 

 

<!--// 콘텐츠 영역 폭 -->의 

content_fixed_width 가 'N'(No)으로 설정되어 있어, ' '(Yes)로 바꾸고 저장한 뒤

홈페이지 메인화면을 다시 열어 봤더니,

 

우앙.....기대대로 잘 된다.  ^^

 

 

XEDITION Kim Tajo MAIN 화면 축소 33%.JPG XEDITION Kim Tajo HTML CSS 선택 Y 화면캡쳐.JPG

 

 

 

 

 

 

 

 

 

 

 

125%로 확대 해도 정렬이 잘 된다.

 

^^

 

 

 

 

 

 

이제 그 아래

 

XEICON

START-UP

XE-CORE FEATURES 등

 

매력적인 기능들을 어떻게 활용할 것인지 고민해야 한다.

 

 

혹시 이 부분을 잘 활용하시는 분이 계시면

꼭 댓글을 달아 도와주시기 바랍니다. ^^