본문 바로가기

컴퓨터/블로그

XpressEngine 레이아웃 스킨 Xgenesis Transform 가로폭 변경


XpressEngine 레이아웃 스킨 Xenesis Transform의 가로폭을 변경한 css 파일입니다.

제디슨 님이 배포하고 있는 Xenesis Transform 스킨의 content 부분의 기본 가로폭은 785px입니다.

저 같은 경우에는 텍스트 위주의 사이트를 운영하고 있는데 가로폭이 넓다보니 다소 산만해지는 느낌이 들어 700px로 css 파일을 수정하였습니다.

가로폭을 줄일 경우 검색창 이미지와 오른쪽 사이드바와 본문 부분을 구분짓는 경계선의 위치 또한 변경해 주어야 하는 듯합니다.

저처럼 css에 익숙하지 않은 분들은 익스프레스 엔진으로 사이트를 만들어도 레이아웃 스킨 변경하기가 쉽지는 않을 듯해서 혹시라도 필요하신 분이 계실지도 몰라 작업한 파일들 첨부합니다.

 Xgenesis Transform 레이아웃 스킨 css 수정 사항

 

  • container 전체 폭 : 940px
  • content : 700px
  • 우측 : 200px


  •  

     css 및 이미지 파일

    아래 압축 파일에는 두 개의 css 파일과 한 개의 이미지 파일이 포함되어 있습니다.
    css 파일은 layouts/xe_official_v2_xgenesis/css
    이미지 파일은 layouts/xe_official_v2_xgenesis/img에 덮어 씌우시면 됩니다.

    만약을 대비해 원본을 백업해 두고 작업하시기 바랍니다.

    중요 : 하늘색 테마에 사용되는 이미지 파일만 수정한 것입니다. 다른색 테마를 쓰시는 분들은 해당 파일을 찾아 적절히 수정하셔야 할 듯합니다.

    원본 스킨자료 : 여기를 누르세요
     

    제가 잘못한 부분이 있다면 지적해 주신다면 많이 배울 수 있을 듯합니다.