1. 아래 경로로 찾아가서 해당 파일을 엽니다.
./layouts/Dynamic/css/common.css
2. 9번째 줄을 찾습니다.
3. 파란색 부분의 숫자 210px를 원하는 만큼 줄여줍니다. (예 130)
4. 빨간색 부분의 166px를 3번에서 줄인 만큼 줄여줍니다. (예 86)
5. 주황색 부분의 숫자 66px를 원하는 만큼 적고 확인해서 완성합니다.
6. 로고 위치를 수정합니다. --> 관리자페이지 로고위치(상하)에 숫자를 입력해서 완성합니다.
body { background:url(../img/body_bg.gif) left top; }
#wrap { height:100%; width:960px; margin:0 auto 0 auto; background:url(../img/wrap_bg.png) repeat-y left top; position:relative; }
#wrap #header { position:relative; height:130px; z-index:9999; }
#wrap #header .gnb { position:absolute; top:10px; right:40px; z-index:1000; }
#wrap #header h1 { position:absolute; top:47px; left:140px; width:189px; height:58px; }
#wrap #header .search { position:absolute; top:66px; left:450px; width:420px; height:50px; }
#wrap #header .search input.inputText { float:left; width:334px; margin-right:3px; margin-top:1px; _margin-right:1px; vertical-align:top; padding:7px 0 7px 3px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #wrap #header .search input.inputText{padding:8px 0 9px 3px;} }
#wrap #header .search .ico { width:52px; height:43px; border:none; cursor:pointer; }
.purple .search .ico { background:url(../img/purple_btn.gif) no-repeat left top; }
.red .search .ico { background:url(../img/red_btn.gif) no-repeat left top; }
.blue .search .ico { background:url(../img/blue_btn.gif) no-repeat left top; }
.gray .search .ico { background:url(../img/gray_btn.gif) no-repeat left top; }
#wrap #header #main_menu { position:absolute; top:166px; left:25px; height:51px; width:866px; padding-left:45px; background:url(../img/main_menubg.gif) repeat-x left 6px; }
팁이 맘에 드신다면, 공식사이트에 평가 부탁 드립니다.
만들고 고치는 사람은 참 힘이 들지요~
