XpressEngine - 팁 공유 게시판
XpressEngine과 관련된 팁이나 강좌를 소개하는 게시판입니다.
자신이 생각하기에는 아주 사소한 내용이라도 누군가에게는 큰 도움이 될 수 있습니다.
제로보드4 버전의 팁을 공유하고 싶으시다면 여기로~
자신이 생각하기에는 아주 사소한 내용이라도 누군가에게는 큰 도움이 될 수 있습니다.
제로보드4 버전의 팁을 공유하고 싶으시다면 여기로~
글수 611
zb5와 마찮가지로 zbxe에서도 두개의 파일을 확인 하면서 작업을 해야 한다.
1. /zbxe/layouts/xe_offical/layout.html 파일에서 소스를 확인하고
2. /zbxe/layouts/xe_offical/white.css 파일에서 값을 수정한다.
css 파일 수정은 자신이 선택한 컬러셋 유형에 따라 파일명이 달라질 것이다.
그럼 어느부분을 수정해야 할 지 한번 보자.
아래 소스는 /zbxe/layouts/xe_offical/white.css 파일이다.
#header { position:relative; width:978px; height:150px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;} //14번째 라인
#header h1 { position:absolute; top:0px; left:25px;} // 15번째 라인
#gnb { position:absolute; top:112px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
// 28번째 라인
위 붉은색 부분을 바꿔서 확인하면 이해가 갈것이다.
1. /zbxe/layouts/xe_offical/layout.html 파일에서 소스를 확인하고
2. /zbxe/layouts/xe_offical/white.css 파일에서 값을 수정한다.
css 파일 수정은 자신이 선택한 컬러셋 유형에 따라 파일명이 달라질 것이다.
그럼 어느부분을 수정해야 할 지 한번 보자.
아래 소스는 /zbxe/layouts/xe_offical/white.css 파일이다.
#header { position:relative; width:978px; height:150px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;} //14번째 라인
#header h1 { position:absolute; top:0px; left:25px;} // 15번째 라인
#gnb { position:absolute; top:112px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
// 28번째 라인
위 붉은색 부분을 바꿔서 확인하면 이해가 갈것이다.





좌측에 로그인과 메뉴부분은 그대로 픽셀 유지하구요.. 어떻게 수정을 해야할까요...
방법좀 알려주시면 감사하겠습니다..